Do you design before or alongside engineering?

Design typically leads by a sprint or two, but we keep it in the same team so engineering constraints inform design early, not after the fact.

Can you work from our existing brand guidelines?

Yes, we design inside existing brand systems as often as we create new ones.

Do you do user testing before build?

For anything with meaningful UX risk, yes, we run prototype testing with real users before committing engineering time.

Services

Product Design

From mood board to shippable design system.

We take a product from a rough idea to a shippable design system, from research, moodboarding and concept exploration through high-fidelity Figma flows and a component library engineering can build against directly.

Book a scoping call All services

What's included

Everything it takes to ship this, end to end.

UX research & discovery

User interviews, competitive audits and journey mapping before a single pixel gets placed.

Moodboarding & concept exploration

Visual direction explored in Figma and Canva against real brand constraints, not generic templates.

Wireframing & flows

Low-fidelity flows that validate structure and logic before investing in visual polish.

High-fidelity UI design

Pixel-accurate Figma designs with responsive states, edge cases and empty/error states covered.

Design systems

Reusable component libraries and tokens that keep design and engineering in sync as the product grows.

Usability testing

Prototype testing with real users before build, to catch friction while it's still cheap to fix.

How we run it

Four stages, one accountable team.

Discover

Research, competitive audits and stakeholder interviews to ground the design in real constraints.

Explore

Moodboards and concept directions explored quickly, before committing to one direction.

Design

Wireframes through high-fidelity Figma flows, with all states covered: empty, error, loading.

Systemize

A component library and design tokens handed to engineering, not just static screens.

Tech stack

What we build it with.

Design: Figma, Canva and Adobe Creative Suite for everything from concept to pixel-accurate screens.
FigmaCanvaAdobe Creative Suite
Moodboarding: Milanote, Pinterest and Are.na for exploring visual direction before committing to one.
MilanotePinterestAre.na
Prototyping: Figma prototypes and Framer for flows users can click through before a line of code is written.
Figma prototypesFramer
Handoff: Design tokens, Storybook and Zeplin so engineering builds against a system, not a static screen.
Design tokensStorybookZeplin

Also in the toolkit: Adobe XD, Maze.

Impact

Engineering builds against a system, not a pile of disconnected screens, so the product stays visually consistent as it grows.

FAQ

Questions we hear the most.

Can't find what you're looking for? Reach out and we'll answer directly.

Tell us the project. We'll come back with a plan.

A 30-minute working session to scope product design against your real systems and timeline.

Start a project

More services