Product design & engineering
Web apps and SaaS products, designed and built by one squad.
The short version
Dashboards, workflows, mobile apps and the design systems beneath them. One senior squad designs and engineers together, so nothing is lost between a Figma frame and a production deploy.
Deliverables
- ItemProduct strategy & scope definition
- ItemUX research & prototype testing
- ItemUI design & design systems
- ItemReact / React Native / TypeScript engineering
- ItemNode & Postgres architecture
- ItemAccessibility to WCAG AA and beyond
How a product design & engineering engagement runs
Frame
Jobs-to-be-done interviews and a ruthless scope cut. We decide what not to build first.
Prototype
Clickable, instrumented prototypes tested with real users before a line of production code.
Ship weekly
Fixed-scope sprints with a demo every Friday. You see the product grow, not a status deck.
Harden
Performance passes, a11y audits, error budgets and observability before we call it done.
Do you take over existing codebases?
Often. We start with a technical audit, stabilise the riskiest seams, then rebuild incrementally rather than rewriting.
Who owns the code?
You do — full repo access, CI/CD in your accounts, and documentation from day one. No lock-in, ever.
How senior is the squad?
A typical squad is 3–5 people: a design lead, two senior engineers and a producer. No juniors learning on your budget.
Arkwright Supply: B2B ordering that respects a tradie's lunch break
A 40,000-SKU industrial supplier moved ordering online — account pricing, CSV bulk orders and search that speaks trade slang. Phone orders fell 48%.
Verdigris Archive: 80,000 botanical plates, searchable in a blink
A botanical museum put 80,000 plates online with fast faceted search, a deep-zoom viewer and public-domain downloads. Search success rose 63%.
Switchyard: teaching a rail-ops board new manners
For a rail-ops platform, the board is the product. We rebuilt Switchyard's kanban with a full keyboard shuttle and warnings that mean it.