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.

Website hero design mockup
Website hero design mockup
Website hero design mockup
Website hero design mockup

UX/UI DESIGN

STRATEGY

BRANDING

DEVELOPMENT

MOTION

Eightball — brand motion identity
Eightball, Germany
Website hero design mockup
Website hero design mockup
Website hero design mockup
Website hero design mockup

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 THAT THE SMALLEST DETAILS CREATE THE BIGGEST IMPRESSIONS.

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.