A new app or platform
You want to test the idea with users before paying for development.
UI/UX design that leads users to their goal
Research, wireframes, Figma prototypes and user testing, so your website, store or app is easy to use before a line of code is written. Fewer drop-offs, more enquiries and sales.
- Figmaclickable prototypes
- Testedwith real users
- Ready to buildhanded to developers
Who it is for
UI/UX design pays off most when people need to find something, compare, book or buy.
Visitors leave too soon
People land on your site or store but do not book, buy or get in touch.
A complex product
Many features, many users, and a screen that has to stay simple.
What is included
Everything from understanding your users to handing finished designs to the developers. Hover or tap any item to see the details.
- Short interviews or surveys
- A look at your analytics
- Your competitors' strong and weak points
- Key tasks mapped step by step
- Fewer clicks to the goal
- Dead ends removed
- Every key screen
- Desktop and mobile layouts
- Quick to change while it is cheap
- Built in Figma
- Works on phone and computer
- Easy to share with your team
- Tasks with real users
- Notes on where they get stuck
- Changes before development
- Your brand, applied properly
- Light and dark details where needed
- WCAG AA contrast
- Buttons, inputs, cards and icons
- Spacing and type rules
- Ready for your developers
- Measurements and states
- Exported assets
- Or we build it ourselves
From wireframe to design
We test the structure first, then add the design. Drag the handle to compare the two. Drag, swipe or use the arrow keys.
- WireframeWhere things go and how people move through the screens. Cheap to change, so we test it first.
- DesignColours, type, images and details on top of a structure that already works.
How a UI/UX project runs
The timeline depends on the size of the product. Your quote shows the exact dates.
- Step 1
Research
Users, goals, analytics and competitors.
- Step 2
Flows and wireframes
The structure of every key screen, on phone and computer.
- Step 3
Prototype
A clickable Figma prototype of the main tasks.
- Step 4
Test and refine
Real users try it and we fix what slows them down.
- Step 5
Design and handover
The final design, a design system and specs for development.
Why test the design first
- Changes cost lessMoving a box in a wireframe is cheaper than rewriting code.
- Decisions on evidenceUsers show you what works, so nobody has to guess.
- Fewer drop-offsClear flows keep people moving towards the goal.
- One team to build itThe same team can build what we design.
Questions about UI/UX design
What is the difference between UI and UX?
UX is how the product works: the structure, the flows and how easy tasks are. UI is how it looks: colours, type and details. We do both.
Do I get a clickable prototype?
Yes. You get a Figma prototype you can click through on a phone or computer and share with your team.
Do you test with real users?
Yes. We ask real people to complete the main tasks and change the design where they get stuck.
Can you also build it?
Yes. Our team can build the design as a website, online store or web app, or hand it to your developers.
How is UI/UX design priced?
It depends on how many screens and tasks the product has. You get a fixed quote after a free first conversation.
See where users drop off
Send us your website address. We show you where visitors get stuck and what to fix first.