Process

How I work

The interesting problems are rarely “make this screen prettier.” They’re usually about making complicated things easier to understand, operate and scale.

I like the difficult parts.

  • Complex workflows
  • Dense information
  • Legacy interfaces
  • Design systems
  • Conversion problems
  • B2B products
  • Fintech
  • Responsive products
  • Cross-functional teams

Steps

Eight steps, every project

  1. Understand the problem

  2. Map the complexity

  3. Define the experience

  4. Design the system

  5. Prototype the critical parts

  6. Collaborate with engineering

  7. QA the real product

  8. Learn from what ships

Systems

I don’t want to design the same button twice.

Good design systems turn individual decisions into reusable product infrastructure.

  1. Token
  2. Component
  3. Pattern
  4. Flow
  5. Product

Implementation

The design doesn’t end in Figma.

Understanding implementation makes the design better — because decisions are made with reality in mind.

  1. Figma
  2. Tokens
  3. Components
  4. Responsive logic
  5. Code
  6. QA
  7. Production

Designed to be built

I don’t treat handoff as the moment the design ends. The goal is to make sure the intended experience survives contact with real code.

  • Design tokens
  • Responsive behaviour
  • Component states
  • Edge cases
  • Developer specs
  • Interaction details
  • QA
See it on this site: the Figma file against the live code →

Have a difficult product problem?

I’m most useful when the problem isn’t completely solved yet.