Skip to content
01How we work

The process, in enough detail to hold us to it.

A studio that can describe its own process precisely is a studio that has one. This page is long on purpose — it is the page we would want to read before sending money to a company we had not met.

01How an engagement is shaped

Before anything is agreed, we work out whether this is a project, a phase, or a standing team.

The first conversation is not a pitch. It is us trying to find out what you are actually trying to prove, who has to approve it, and what happens to the business if it takes twice as long as you hope. Most of what determines whether an engagement goes well is decided here, before anyone has written a line of scope.

What comes out of it is a written scope with an explicit out-of-scope list. The out-of-scope list is the useful half: it is the thing that stops a disagreement in month three from being a matter of memory.

Commercial terms — how the work is structured and billed — are agreed at this stage, in writing, against that scope. We do not begin design work against a verbal understanding.

02What week one looks like

The opening phase is deliberately unglamorous. Nothing is designed in it.

Week one exists to remove the assumptions that would otherwise surface in week six as rework. It produces documents, not screens, and it is the phase clients most often want to skip.

01Kickoff, everyone in the room
Design, engineering and QA all attend, along with everyone on your side whose approval will eventually matter. Late-arriving approvers are the single most common cause of rework, and this is the cheapest place to find them.
02Access and constraints
Repositories, analytics, existing designs, brand assets, third-party accounts, and the list of systems we have to integrate with. Also the constraints nobody volunteers: the compliance requirement, the legacy database, the contract that says the app must ship before a certain date.
03Assumption statement
One sentence naming what has to be true for this to work. Everything downstream is judged against it.
04Architecture read
Our data specialist looks at the data model before any feature is designed. Product problems that surface in year two are usually data-model problems from month one.
05Written scope, out-of-scope list, and the cycle plan
Circulated at the end of the phase. Work starts when it is signed, not before.
03What we need from you

Four things. Engagements that struggle are almost always missing one of them.

01One decision-maker
Not one contact — one decider. Someone who can say yes on the call rather than take it away to a group. Committees can review; they cannot decide at the speed a build runs at.
02A few hours a week, reliably
Reviews, demo attendance, answering the questions that block work. Concentrated attention at the right moments beats availability at all of them.
03Real content and real data
Actual product names, actual catalogue, actual edge cases. Designs approved against invented content fall apart when the real thing arrives, and that failure always lands during build.
04The uncomfortable context
The failed previous attempt, the internal disagreement, the deadline that is political rather than commercial. We will find out anyway. Finding out early is cheaper.
04The cycle

Short iterations, each ending in something you can look at rather than a status update.

Work runs in fixed-length cycles agreed at kickoff. Each cycle has a scope written down at the start and a demo at the end. If something has to be cut mid-cycle, it is cut visibly, with a note saying what and why — not absorbed quietly and discovered at the demo.

Design runs ahead of engineering by roughly one cycle. That gap is deliberate: it means engineering is always building against interfaces that have already been reviewed, and design always has a cycle of runway to respond to what build has learned.

The demo is the review. There is no separate reporting document dressing up the same information, because a demo cannot be optimistic about progress in the way a status report can.

05How design hands off to engineering

It is a working session and a shared library, not a link to a file.

A handoff that consists of sending a design file is a handoff that generates a hundred small questions, each answered by an engineer guessing. We do it differently, and it is one of the practical benefits of both disciplines being on the same bench.

01Engineering is in the design review
Before a screen is final, the engineers who will build it have seen it and said what is expensive. Feasibility objections are cheap during design and costly after it.
02The component library is the contract
Design does not hand over screens. It hands over components with every state specified — default, hover, focus, disabled, loading, empty, error, and the too-long content case. The frontend is built from that library, so the library and the product do not drift apart.
03Tokens, not values
Colour, type, spacing and motion are defined once as tokens and consumed by both the design files and the code. A change is one change.
04A live walkthrough per feature area
Designer and engineer go through it together, on a call, with the file open. Questions get answered once, in front of everyone, instead of six times over chat.
05Design reviews the built result
Before QA signs off, the designer checks the implementation against the intent. Anything that has drifted goes back as a ticket like any other bug.
06Where QA enters

Inside the cycle, with its own people. Not a phase before launch.

Quality is a standing function here, with its own people covering manual and automation testing, rather than a task developers absorb between features. That changes the shape of the work rather than just adding a checkpoint at the end.

01QA reads the designs before build
Test cases are written from the specified states, which means the states get scrutinised while they are still cheap to change. QA regularly finds a missing error case during design review.
02Testing happens within the cycle
A feature is not done when the pull request merges. It is done when it has been tested, on real devices, and the ticket is closed by someone who did not write the code.
03Automation builds up as the product does
The critical paths get automated coverage as they are built, not in a panic before launch. The suite runs in the pipeline on every change.
04Regression before every release
A full pass, manual plus automated, with the result written down. You are told what was tested, not just that testing happened.
07Communication cadence

Predictable, and mostly written.

You get one shared channel with the working team in it — not a single account manager relaying messages between you and people you never meet. Questions that block work get asked directly, and answered directly.

There is a demo at the end of each cycle, a written note after every decision that changes scope, and a running document of open questions with an owner against each. Anything agreed on a call gets written down; if it is not written down, it was not agreed.

We do not send weekly reports that restate the demo in prose. If a cycle goes badly, you hear it as it happens rather than in a summary at the end of it.

08What a review actually looks like

Structured, so that 'I don't like it' becomes a decision instead of a loop.

We open with what the work was trying to do — the specific decision it is answering — before showing it. Reviewing work without restating the problem it solves is how a review becomes a taste conversation.

Feedback is collected in one pass, in one place, with a named owner and a date. Conflicting feedback goes back to the decision-maker to resolve rather than being averaged into something nobody asked for.

Where a request would change scope, we say so at the time and price it before it is absorbed, so scope creep is a decision you make rather than a discovery at the end.

09Handover, and what you own

You own the work. All of it, and from the start.

Repository access is yours from day one, not at final payment. Design source files, tokens, the component library, the test suite and the deployment documentation are all handed over, editable, without conditions.

At the end of an engagement we write a transition note for whoever takes it on next — your first in-house hire, or another studio. It covers the architecture, the decisions we made and why, and the things we would do differently. A studio that makes itself hard to replace has confused lock-in with quality.

10Next

If that sounds like the way you want to work, tell us what you are building.