What is the task?
Identify the user, their starting point and what completion means.
Make the next step clear to the person using it.
Turn confusing product journeys into interaction decisions that your team can test and build.
Illustrative navigation study
“Where can I change my visit?”
Appointments
UpcomingPast visits
Tuesday · 10:00Reschedule
Tools & technologies
- Figma
- Interactive prototypes
- Design tokens
- Component libraries
- Accessibility testing
- Usability research tools
Start with a decision, not a screen count.
What is getting in the way?
Use observed behaviour, support feedback and the constraints of the product.
What needs testing?
Turn assumptions into questions a prototype can help answer.
Try a different visit. Keep your place.
An illustrative prototype: choose a new slot, review it and return without losing the selection.
Interactive exampleReschedule a visit
Current visitTuesday · 10:00
Studio consultation
30 minutes
Choose another time
Choose a new visit. Your current appointment stays in place until confirmation.
The handoff includes the edges.
Availability component
- Default
- Choose a visit time
- Selected
- Thursday · 14:00
- Unavailable
- No visits on this day
- Recovery
- Keep the selection if saving fails
Behaviour belongs in the specification.
Document focus, validation, empty states and responsive changes so implementation does not depend on a single ideal screen.
Decisions your team can build from.
Research findings & open questions
Journey & information architecture
Interactive prototype
Component & state library
Accessibility annotations
Engineering handoff notes
Agree what evidence the work needs.
Research access
Agree recruitment, consent and access to existing feedback before promising a research programme.
Design coverage
Name the journeys, component states and device sizes included in the handoff.
Build ownership
Agree who implements the design and how questions or deviations will be reviewed.
Selected work
Cane & Clay
An editorial website that connects the studio’s spaces, materials and imagery.
View project
Urbanface
An opening film, image-led scrolling and a dedicated mobile experience.
View project
Sinzo
Supplier-data scraping and AI engineering for a cross-border shopping and warehouse platform.
View project
ABS Stays
A shared-hosting application with encrypted document storage and a staff review console.
View projectA few practical questions.
Do you need an existing product?
No. For a new product, we begin with the intended users, the task and the constraints. Existing products can add observed behaviour, support requests and usability evidence.
Is user research always included?
The method and recruitment are agreed for the engagement. Stakeholder opinions and an illustrative prototype are not substitutes for research with representative users.
Does design delivery include production code?
Not by default. Design outputs cover the agreed prototype, component specifications and handoff. Engineering implementation can be scoped separately.
Can you use our existing design system?
Yes. We review the existing components and usage rules, reuse suitable patterns and document additions or changes rather than replacing the system automatically.
Show us where people get stuck.
Bring an existing flow, user feedback or a task your product needs to support.
