0
A SERIOUSLY GOOD

DESIGN ENGINEER

I design and build motion-driven websites that capture a brand’s culture and turn it into an experience, combining sharp visual design with expert-level GSAP animation and front-end development. Every interaction and detail is built to feel premium, intentional, and true to who you are.

Archova — architecture studio website
Hollowmark — Built to Belong
Archova website detail
Hollowmark website hero

UX/UI DESIGN

STRATEGY

BRANDING

DEVELOPMENT

MOTION

Eightball — brand motion identity
Eightball, Germany
Hollowmark case study
Archova — the next era of architecture
Hollowmark — Built to Belong hero
Archova landing page

WORK

26’
WHO I AM (ABOUT)

I’M CHARLES KELLY — A UK-BASED DESIGN ENGINEER CRAFTING PREMIUM, MOTION-DRIVEN WEBSITES FOR BRANDS THAT REFUSE TO BLEND IN. SIX YEARS ACROSS DESIGN AND CODE TAUGHT ME ONE THING: THE SITES PEOPLE REMEMBER ARE MADE BY PEOPLE WHO SWEAT BOTH.

Equal parts designer and developer, I take projects from strategy and art direction through to hand-built, GSAP-powered front ends — no hand-offs, nothing lost in translation. The result is the kind of award-winning, Awwwards-calibre work that turns a first visit into a lasting impression.

Currently taking on freelance and agency projects worldwide — and open to exceptional full-time roles.

(HOW I WORK)

MY PROCESS

FOUR PHASES. ONE PAIR OF HANDS.
NOTHING LOST IN TRANSLATION.

SCROLL
PHASE 01 / 04 WEEK 00 — 01

DISCOVER

Positioning, audience and intent. Before a single pixel, we define what the site needs to say, who it’s speaking to, and what winning looks like — so every design decision after has a reason.

STRATEGYRESEARCHDIRECTION
PHASE 02 / 04 WEEK 01 — 03

DESIGN

Editorial layouts, expressive typography and art direction with a point of view. Designed in Figma and refined screen by screen — until every page earns its place.

UX/UIART DIRECTIONTYPOGRAPHY
PHASE 03 / 04 WEEK 03 — 06

BUILD

Hand-coded, performance-first development with GSAP-driven motion and pixel-perfect fidelity to the design. Fast, accessible, SEO-ready — and smooth at a hundred and twenty frames a second.

DEVELOPMENTGSAPPERFORMANCE
PHASE 04 / 04 WEEK 06 — 08

LAUNCH

QA across devices, Core Web Vitals in the green, analytics wired and a proper handover. Then we ship — and I stick around to make sure it lands.

QASEOSUPPORT

CURIOUS?

(FAQ)

Every build is scoped to the brand, but most motion-driven marketing sites land between £5k and £20k. That covers strategy, art direction, custom design and a hand-built GSAP front end — not a template with animations bolted on. Need a number for budgeting? Get in touch and you’ll have a straight answer within 48 hours.

Typically four to eight weeks from kick-off to launch. Discovery and design take roughly half, with development, motion polish and QA filling the rest. Tight deadline? Tell me the date — I’ll tell you honestly what’s achievable.

Not when it’s engineered properly. I build motion with GSAP and Lenis on top of lean, semantic HTML — animations run on the GPU, content stays crawlable, and Core Web Vitals stay green. Premium motion and fast load times aren’t a trade-off; they’re both symptoms of a well-built site.

Strategy, UX/UI design, branding, development and motion — end to end. One person, no hand-offs: the site that launches is the site that was designed. You get a launched site that’s fast, polished and entirely yours — along with every source file and asset.

Yes — a large part of my work is white-label creative development for studios that design in Figma and need an Awwwards-level build. I also embed with in-house teams for contract work, and I’m open to the right full-time design engineer role.

Figma for design. GSAP, Lenis and WebGL for motion. Depending on the project: vanilla builds, Next.js, Astro or Webflow — whatever serves performance, SEO and the people who’ll maintain the site after launch.