Stage 02

UI/UX Design Process

Research-driven design that ships to production.

Why it matters

Why this stage earns its keep.

churn cut at the source
onboarding designed from evidence
faster dev handoff
tokens + Storybook, not screenshots
consistent product language
one system across screens
accessibility built-in
AA by default, never retrofitted

Step by step

How it runs.

Research
interviews + analytics + JTBD
IA + flows
structure before skin
Wireframes
test the skeleton cheaply
Visual system
tokens + components
Prototype
clickable, realistic data
Usability tests
5+ users, moderated
Dev handoff
tokens + specs + Storybook pairing

Deliverables

What you walk away with.

research synthesis
personas + JTBD map
IA + flows
wireframes
design system in Figma
design tokens JSON
hi-fi prototype
usability test reports
dev-ready specs + redlines
Storybook handoff session

Who's involved

The people on the stage.

Researcher1
Product Designer1-2
Design Engineer1
PM0.5

Tools

The kit.

Controls

Quality & risk.

contrast gate before handoff (WCAG AA minimum)
5+ users per test round
tokens in JSON, never screenshots
two iteration rounds per milestone
keyboard flows tested pre-handoff

FAQ

Questions, answered.

Do you design with our devs?

Yes - paired handoff sessions, not throw-over-the-wall files.

Do you deliver tokens?

Yes - tokens JSON plus Storybook stories for every component.

Do you test with real users?

Yes - 5+ per round, moderated or unmoderated.

How many iterations?

Two rounds per milestone; more via add-ons.

Can you redesign an existing product?

Yes - after a UX audit with prioritized findings.