Design

Design that earns its pixels.

Research-first product design for web, SaaS, and mobile. Component-driven systems that your engineers can actually build - and your users will actually understand.

Figma Component systems Motion Research ops
Figma → Dev ready
Component created ✓
A11y: AA passed
Dev handoff ready
User test: 4.8 / 5
Scope

Four design practices under one roof.

Product design

SaaS flows, dashboards, onboarding. End-to-end from journey maps to shipped components.

Marketing design

Landing pages, campaigns, pitch decks. Bold visual direction that converts without shouting.

Design systems

Tokens, components, docs, Figma ↔ code parity. Scales your team's output without hiring.

Research & testing

Usability sessions, tree tests, prototype validation. We test before we ship - every time.

How we work

Research to shipped in 6 weeks.

Every engagement follows the same battle-tested process — no surprises, no scope creep, no handoff chaos.

01
Week 1

Discover & Define

Stakeholder interviews, heuristic audit, user journey mapping. We document what's broken before touching any pixels.

↳ Brief + journey map
02
Week 2

Wireframe & Validate

Low-fi flows tested with 5 real users. We kill bad ideas cheaply, before they become expensive high-fi problems.

↳ Tested wireframes
03
Week 3–5

Design & Iterate

Hi-fi screens in Figma — with component system, tokens, and interaction states. Reviewed in weekly checkpoints.

↳ Hi-fi Figma file
04
Week 6

Hand Off & Support

Dev-ready Figma with annotations, component docs, and a two-week support window while engineers build.

↳ Dev-ready Figma + docs
Engagements

Start small. Scale into a pod.

Design sprint
For one big question
One problem, one senior designer, one prototype. Validated with real users before a line of code.
  • Problem framing
  • Hi-fi prototype
  • User testing (5 sessions)
  • Report + recommendations
2 weeks · Validated prototype
Start →
Embedded pod
For ongoing roadmap
Senior designer + design ops embedded in your team. Weekly ship cadence, monthly retainer.
  • 1-2 designers
  • Roadmap execution
  • Async-first
  • Monthly retainer
Monthly · 1-2 designers
Start →
Our standards

What every design ships with.

Not a checklist we apply at the end — these are constraints we design within from day one.

Component-first

Every element is a reusable component with variants, states, and tokens. Your design system grows automatically as the product does.

WCAG AA by default

Contrast ratios, focus states, screen-reader semantics, motion-reduce. Accessibility is built in — not retrofitted before launch.

Responsive from frame one

Every layout is designed mobile-first with breakpoints defined in tokens. No "responsive pass" needed from engineering.

Figma ↔ code parity

Spacing, colour, and radius tokens match your codebase exactly. Devs implement once — updates cascade everywhere.

Tested before shipped

Every sprint includes at least one round of user testing. We don't ship on intuition — we ship on evidence.

Motion with purpose

Micro-interactions, transitions, and loading states prototyped in Figma or Framer — so engineers implement intent, not guesswork.

Good design shouldn't be a surprise.

Book 30 minutes. We'll critique one screen from your product - free, no sales pressure.

FAQ

Design questions, answered.

Do you work in Figma?+

Yes - Figma is our default. We can also work in your existing system (Sketch, Penpot, your in-house tool) if it matters. Files come dev-ready: tokens, components, auto-layout, prototype links.

How much research do you actually do?+

As much as the project earns. A design sprint includes 5 user sessions; a full product engagement might include 15+ research interviews. We push back on briefs that skip the research because the resulting design is usually invisible to users.

Can you work with our existing brand?+

Yes - most of the time we're extending an existing system, not replacing it. We audit what you have, find the cracks, and only propose new tokens or components where there's a clear measurable case.

What about accessibility?+

WCAG AA is our baseline, AAA where it matters (form fields, content tools). Color contrast, focus states, screen-reader semantics, motion-reduce - built-in, not bolted on.

Do you handle motion and prototyping?+

Yes. Lottie, Rive, or hand-rolled CSS for micro-interactions. We prototype interaction states in Figma or Framer before engineering touches them.