Enterprise Security Platform Company-Wide Design System Healthcare Collaboration Authentication Innovation 5-Step Design Framework

↓ Scroll down to experience the process

← Back to Work

5-Step Design Framework

There's no magic formula. Just a framework I've refined across 18 years and dozens of projects structured enough to keep things honest, flexible enough to survive contact with reality.

Wool yarn
1
01 / 05

Planning

I start by asking the uncomfortable questions what are we actually solving, and for whom? This phase is about getting everyone in the room aligned before a single pixel gets moved.

Workshops FigJam Claude AI Stakeholder interviews
Spirit level
02 / 05

Strategy & Research

This is where gut feeling meets data. I map user behavior, dig into business constraints, and use frameworks like SWOT and product vision canvases to make sure I'm solving the right problem not just an interesting one.

Perplexity AI Claude AI FigJam User interviews SWOT
Swiss army knife
03 / 05

Framing

The messiest, most honest part of the process. I generate a lot of ideas, most of them bad. Then I narrow down, build personas, map flows, and lock in the logic of what we're building before anyone writes a line of code.

FigJam Gemini AI User flows Personas Brainstorming
Red onions
04 / 05

Prototype

Thinking made tangible. I keep fidelity deliberately low in early rounds clients fall in love with polish, and that's dangerous before you've validated anything. The goal is something testable, not something pretty.

Figma Axure Wireframing Usability testing
Zebra
05 / 05

Iterate

It never really ends, and that's the point. I test each outcome, absorb the feedback, and go again. Not because the first answer was wrong but because better answers tend to show up after you've lived with the first one for a while.

Figma Claude AI A/B testing User feedback loops
Eraser
01 / 05
TOP
HOW I WORK

5-Step Design Framework

There's no magic formula. Just a framework I've refined across 18 years and dozens of projects structured enough to keep things honest, flexible enough to survive contact with reality.

Spirit level
01 / 05

Planning

I start by asking the uncomfortable questions what are we actually solving, and for whom? This phase is about getting everyone in the room aligned before a single pixel gets moved.

Workshops FigJam Claude AI Stakeholder interviews
Swiss army knife
02 / 05

Strategy & Research

This is where gut feeling meets data. I map user behavior, dig into business constraints, and use frameworks like SWOT and product vision canvases to make sure I'm solving the right problem not just an interesting one.

Perplexity AI Claude AI FigJam User interviews SWOT
Red onions
03 / 05

Framing

The messiest, most honest part of the process. I generate a lot of ideas, most of them bad. Then I narrow down, build personas, map flows, and lock in the logic of what we're building before anyone writes a line of code.

FigJam Gemini AI User flows Personas Brainstorming
Zebra
04 / 05

Prototype

Thinking made tangible. I keep fidelity deliberately low in early rounds clients fall in love with polish, and that's dangerous before you've validated anything. The goal is something testable, not something pretty.

Figma Axure Wireframing Usability testing
Eraser
05 / 05

Iterate

It never really ends, and that's the point. I test each outcome, absorb the feedback, and go again. Not because the first answer was wrong but because better answers tend to show up after you've lived with the first one for a while.

Figma Claude AI A/B testing User feedback loops