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

Two 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

Five years leading design & engineering across web, app, print and packaging.

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

CSS Grid + Tailwind, documented in Storybook — one system across every surface.

Motion Graphics
Before
Before
After
After
REX mobile UI — before
REX mobile UI — after
Fully re-imagined
USER EXPERIENCE
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 – 2026 — 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.

20262010

also, could not say no.

Look who's asking.

Freelance contracts and full-time chapters — brand, motion, and product design for teams whose logos need no introduction, and words from the people who were there.

Vodafone
Korbit
Apple

I had the pleasure of working with Charles for close to three years at two different companies and learned so much during that time! Charles worked closely with me on designing & shipping two complete multi-platform design systems and helped explore how we could use AI to own the implementation of our designs. On any product design work he always challenged us to think in systems and ensure we were confident in our solutions. He also always pushed me towards leveling up my visual & motion skills and I feel I’m a much better visual designer now than I was before. Charles also always advocated for the design team and made sure we were heard & seen by others in the company. He gave us the time, space and budget to learn new tools or technologies we were interested in. Always hoping we can work together again in the future!

Ryan Carter
Senior Design System Designer, Ribbon
Ribbon
EA Sports

Charles ran design and branding at Gradle. Before he got there, design work was happening, but nobody owned it and there wasn’t much structure behind it. He changed that. He put guidelines in place, built out a plan for the department, and the quality of the work went up in a way people across the company noticed. He worked with pretty much every team. Engineering, sales, marketing, the execs. He was good at getting people with very different priorities to agree on something, and people listened when he weighed in. During our work history, I built an automated system for our marketing team while he was there, and he was one of the people I leaned on most to get it right. A lot of the decisions in it came out of conversations with him. The thing I’ll remember most is how far ahead he thinks. He paid close attention to his team and to where the industry was going, and he’d often make a call before the rest of us saw the reason for it. I learned a lot from him and I’d work with him again without hesitating.

Peter Vo
Senior Digital Marketing Program Manager, Gradle
Gradle
New England Patriots

Charles was a fantastic manager! I worked with him for four years, and I learned so much from him. He always pushed me to think through my decisions and challenge myself, which really helped me improve my UI/UX skills and become a more confident designer. He’s also great with people and someone you can count on to advocate for design and his team. I always felt supported while having room to grow. I’m really grateful I got to work with him and would happily work with him again.

Sharon Kim
Senior Product Designer, Gradle
Gradle
Abercrombie & Fitch
NFL

Not only is Charles one of the most creative minds I’ve ever worked with, he’s a joy to collaborate with, and his designs are always the most innovative and effective I’ve ever seen within my professional career.

Tom Royster
Vice-President of Sales, Abena
Abena
ESPN

Charles is one of the most outgoing and creatively brilliant people I’ve ever had the pleasure of working for. He taught us how to think beyond the expectations of our distributors and customers, which led to obtaining numerous contracts and conversions through unique marketing campaigns and packaging design. He is a true leader.

Melissa Mogensen
Senior Graphic Designer, Abena
Abena
Nike
CUTCO
Zeroma
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 AI upgrade

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
ResumeOne page · PDFDownload →