Product Design
Product design that makes the next step clear
We design websites, apps and software that people can understand and use. You can test the main screens before development, then hand the finished design to our team or yours.
Clear steps for the user, screens, a clickable version and a developer-ready file.
What’s included
The design is agreedbefore development starts.
The people who map the steps also design the screens and prepare the developer file. The reasoning carries through every stage. Our team can build it, or yours can.
Brand and UI design
A visual style applied consistently across every screen of the product.
UX and user flows
Clear steps for the user, mapped and simplified before screens are drawn.
Prototypes
A clickable version of the key screens you can try before development.
Website and app design
Screens for your website, app or product, prepared for development.
Redesigns
Fix the confusing parts of an existing product, most important areas first.
Design systems
A reusable kit of parts that keeps every screen consistent as the product grows.
Ongoing design support
A designer on hand as your product changes and grows.
What we build
UX, interface design, clickable prototypes and design systems, ready for development.
Design kitResearch and discovery
Interviews and walkthroughs of the current process, scoped per project.
UX and UI design
Clear steps for the user and every key screen.
Dashboard designClickable prototypes
Try the key screens before development starts.
Design systems
A reusable kit of parts that keeps screens consistent.
App designUsability testing
Screens tested with users when the project calls for it.
Developer handover
Organised files and specifications for our developers or yours.
What you get
Four things design settles before development
Clear steps for the user
Screens for important tasks and errors
A clickable version to review before development
An organised design file ready for developers
Proof
OrzonnoOrzonno: Custom E-commerce Platform
A custom commerce platform connecting product discovery, verified checkout, content management, and order fulfilment.
ECNAECNA: Adaptive AI Learning Companion
An AI learning platform that adapts the national curriculum to how each SEND pupil learns, communicates, and manages emotion.
Thinking about a build like this for your business?
Tech stack
The tools we build it on.
We choose tools that fit the job and are easy to maintain.
- Figma
- Framer
- React
- Next.js
- Tailwind CSS
- TypeScript
- Storybook
How we work
A clear path from first message to launch.
The same process every time, adapted where the work needs it. You see progress at every step.
- 01
Phase 01
First conversation
We learn your business, who uses the product and what it needs to do, then propose a fixed price for the design work.
- 02
Phase 02
Research
We map how the work happens today and where people get stuck, at a depth agreed for the project, before any screens are drawn.
- 03
Phase 03
Design
You review the steps and screens early, while changes are still quick, rather than seeing everything at the end.
- 04
Phase 04
Prototype and test
We build a clickable version of the key screens. Any testing is agreed per project and done before development starts.
- 05
Phase 05
Handover and support
Everything is prepared for development by our team or yours, and we stay available as the product grows.
Before you enquire
The questions business owners usually ask.
If yours isn't here, just ask. We reply within one business day.
Usually, yes. Developers build what they are given, but design decides what that should be. Without it, those decisions get made in the code, where changing them is slow and costly. A short design phase usually saves rework.
Yes. We look at where people get stuck and redesign the parts that matter most rather than everything at once. You get a clear plan so the changes with the biggest effect on your business happen first.
An organised Figma file with the steps, screens and a reusable kit of parts, plus the specifications developers need. You own all of it, so any team can pick it up and build from it.
Building first means you find problems once they are expensive to fix. A clickable version lets you check the key screens for a fraction of the cost of building the wrong thing and reworking it.
Yes. One team designs, tests and builds, so the handover is clean and the design stays realistic about what can be built. We can also design for your own developers and hand it over.
We agree the design work and price before it starts. If the scope changes, we explain the cost before doing the extra work. How long it takes depends on how much of the product is in scope.
Ready when you are
Tell us what users are trying to accomplish.
Tell us what people need to do and where they get stuck. We can map the steps and design the key screens before development starts.
Explore
The rest of what we do.
Custom Software DevelopmentSoftware built around a workflow that ready-made tools cannot fit.
Web Application DevelopmentWebsites, shops, portals and browser-based tools for customers and teams.
AI Development and IntegrationAssistants, document search and automation for a clear business task.
Mobile App DevelopmentiPhone and Android apps, including the system behind them.
Legacy System ModernisationImprove or replace old software without risking the whole business.
Software Maintenance and SupportKeep existing software healthy, supported and improving over time.