05Services — Design in use

Product & Web

Interfaces and sites designed through every state, built to real accessibility and performance targets.

From
$20,000
Timeline
5–9 weeks for a site
Engagements
3

We design product interfaces and the sites that sell them, and we build the front end when that produces a better result than handing over a file. The work is judged in the states nobody screenshots: empty, loading, error, offline, four-hundred-items, and a name in a script the layout never anticipated.

Accessibility and performance are constraints we design inside, with numbers agreed at the brief. They are not a remediation phase after launch.

FigmaNext.jsReactTypeScriptTailwindPlaywrightAxe
Hand-painted colour chips on bone paper, one vermilion swatch circled.Fig. 05
Product & Web — representative output
What you get

Deliverables

  • 01Product interface design across every state
  • 02Marketing sites and landing pages
  • 03Front-end implementation in React, Next.js and Tailwind
  • 04Accessibility to WCAG 2.2 AA, verified with assistive technology
  • 05Performance budgets held and measured against Core Web Vitals
  • 06Prototypes for user testing and stakeholder review
Process

01

Frame

The job to be done, the constraints, and the numbers: accessibility level, performance budget, browser and device floor.

02

Structure

Information architecture, flows and states — in greyscale, so structure is solved before surface.

03

Surface

Visual design across the full state matrix. Every component specified in each state before it is built.

04

Build

Front-end implementation, tested with keyboard and screen reader, profiled on throttled mid-range hardware.

Engagements

Marketing site, designed and built

Site

A marketing site designed and built end to end, with a CMS your team can actually use.

From $20,000

Interface work, per project

Product design

A defined product area designed through every state, with implementation support and spec handover.

From $32,000

Ongoing, part of your team

Embedded

A designer embedded in your team's rituals — standups, planning, review — at an agreed weekly capacity.

From $14,000 / month

Timeline — 5–9 weeks for a site; 8–16 weeks for product work.

A good fit for

  • Teams shipping fast who need craft that survives the pace
  • Products with real accessibility obligations, procurement or legal
  • Founders who need design and front-end in one accountable place

Not a fit for

  • Pixel-pushing an existing design with no authority to change it
  • Projects where accessibility is explicitly out of scope
  • Work that requires dark patterns to hit its metric
Governed by

The principles this work is held to.

Published in full, so you can check the work against them yourself.

Related work
Questions
Do you build, or only design?

Both. We build when it produces a better result — usually anything motion-heavy or state-heavy, where a static file cannot express the design.

Will you work with our engineers?

Regularly and gladly. Most of our best work has been designed against real constraints from an engineering team in the room from week one.

What accessibility level do you target?

WCAG 2.2 AA as standard, verified with keyboard and screen reader rather than an automated report alone. AAA where the context calls for it.

Next service

06Design Systems

Token architectures and component libraries that stay adopte… →
Start

Tell us about the product & web work.

A short brief is enough. We reply within two working days, and we will tell you honestly if a different service — or no project at all — would serve you better.