Molding intent, into interface

Complexity is like unformed clay. Design reveals the beauty within.

Scroll to discover

Molding intent, into interface

Complexity is like unformed clay. Design reveals the beauty within.

Scroll to discover
Aqua
Aqua

Depth, materiality, luminosity — the principles that made software feel alive.

A new design universe
A new design universe

Three years on the Human Interface team, carrying Aqua into Maps, Keynote and Multi-touch.

Skeuomorphism
Skeuomorphism
Flyover
Flyover
Instant Alpha
Instant Alpha
Magic Move
Magic Move

Everything the iPad taught us, brought home to the Mac.

Multi-touch

Gestures with real physics — swipe, pinch and tap, right at your fingertips.

Early champion ofTailwind CSS
A healthy kind of
challenge
A healthy kind ofchallenge

Lorem ipsum dolor sit amet consectetur. Augue vulputate porttitor tortor.

Custom Pantones
Print Media
Early champion ofCSS Grid
Fully bespoke
design system
MUI
Figma
Storybook
Icon Scout

Lorem ipsum dolor sit amet consectetur. Augue vulputate porttitor tortor.

Motion Graphics
Before
Before
After
After
REX mobile UI — before
REX mobile UI — after
Fully re-imagined
USEREPERIENCE
Introduced Brix. An MUI-based
atomic design system.
3D Modeling
Typography
Quilt

Ribbon’s atomic design system — Base and Theme libraries in Figma, one purple to rule the palette.

No placelike home

Head of Product Design, 2022–2023 — the RibbonCash+ offer platform, the Fragments concept, and the Quilt design system.

RibbonCash+
Fragments
Fragments

Own a little, live a lot — fractional ownership for everyday renters, prototyped end to end.

Aa
Reckless & Matter
gradle.com
gradle.com

Product pages for every Develocity feature — and the krAIdle pitch that became develocity.ai.

The build,made beautiful

Head of Design, 2023 – present — Develocity, gradle.com, DPE Summit and the Kradle design system.

Iconography
DPE University
Show Opens
The Rebrand
Develocity

Trends, Failures, Tests and Predictive Test Selection — build observability at Fortune-100 scale.

Today2010

also, could not say no.

Look who's asking.

Freelance contracts in brand, motion, and product design projects — for teams whose logos need no introduction.

Vodafone
Korbit
Apple

Charles holds a detail bar most teams only talk about. Every transition had intent, every pixel a reason — the work felt native to the product from day one.

Sarah Mitchell
Design Lead, Apple
Apple
EA Sports

He designs like a fan who ships. Our motion package landed ahead of schedule and finally hit the game-day energy we had been chasing for two seasons.

Marcus Reed
Creative Director, EA Sports
EA Sports
New England Patriots
Abercrombie & Fitch
NFL

Charles took a mark with decades of equity and made it feel current without breaking what fans love. Our Sunday graphics have never looked this clean.

Dana Brooks
Brand Manager, NFL
NFL
ESPN

Live sports is unforgiving. Charles delivered broadcast-ready graphics on turnarounds most designers would not touch — and elevated the story every time.

Alex Rivera
Art Director, ESPN
ESPN
Nike
CUTCO
Zeroma

Charles was our entire design org for a stretch — brand, product, site. He gave a two-person startup the polish of a company fifty times our size.

Tom Keller
Founder, Zeroma
Zeroma
Marvel Studios

He built interface worlds with enough craft that the camera can linger on them. That mix of artistry and systems thinking is genuinely rare.

Priya Shah
Product Manager, Marvel Studios
Marvel Studios

Animation studies

Motion, by design.

Captivating visuals aren't a flourish anymore — they're the expectation. But the best animation is nearly invisible: when something moves exactly the way you expect, you never notice the craft. You just think, “well, of course that's what happens.”

From first brief to final build

My process got an upgrAIde

01
Frame
01Frame
Discover

User and business research, analysis and stakeholder interviews to surface real needs and behaviours.

Define

Frame the problem, set scope and requirements, and shape the user stories the work delivers.

Strategize

Set the product strategy, priorities and the success measures the work will be judged against.

02
Shape
02Shape
Ideate

Map flows and IA, then co-design and sketch concepts to explore directions.

Design

Take the chosen direction into higher-fidelity design and build testable prototypes.

Validate

Test prototypes with real users to confirm the design meets the goals set in Frame.

03
Ship
03Ship
Build

Run crits and reviews, then pair with engineering through handoff and QA to deliver accurately.

Test

Measure against success metrics with A/B and usability testing on the live product.

Evaluate

Analyse results, report outcomes, and form hypotheses that loop back to research.

Let’s talk

Let’s work magic together.

Got an idea that needs shaping — or a team that needs a steady hand at the boundary of design and engineering? I’d love to hear about it.

Not sure where to start? Draft it with AI.

Tell me what you need in a sentence or two — I’ll draft a polished intro and point you to the best way to reach me.

⌘↵ to draft