UI/UX Design
Scroll down
Products people understand at first glance, designed from real research and tested before a line of code.
Tools we use
Research, flows, prototypes and design systems in the tools your developers already work with.
Figma, FigJam, Adobe XD, Maze, Hotjar, Microsoft Clarity, GA4, Notion, Storybook, Zeroheight, Lottie, WCAG 2.2
User research & discovery
We start by listening: who your users are, what they need, and where they get stuck today.
- User PersonasProfiles built from interviews and data, so every decision has a real person behind it.
- Competitive AuditsA clear look at how your rivals solve the same problems, and where you can do better.
- Empathy MappingWhat users say, think, feel and do, mapped so the team shares one picture.
Interviews, surveys, analytics and session recordings, summed up in a short, readable report.
Information architecture & wireframes
Before colour and type, the structure: what goes where, and how people move through it.
- User FlowsEvery path from first visit to goal, drawn step by step, with the dead ends removed.
- Site Maps & NavigationContent grouped the way your users think, tested with card sorting.
- Low-Fidelity WireframesGrayscale layouts for every key screen, quick to change and easy to agree on.
Tested before it is built. Loved after.
Interactive prototyping
High-fidelity, clickable prototypes that look and feel like the finished product.
- Figma & Adobe XD PrototypesReal screens, real content and smooth transitions you can click through on any device.
- Usability TestingSessions with real users on the prototype, so problems are fixed while they are cheap.
- Micro-interactionsMotion, feedback and states that make the product feel alive and easy to use.
UI design systems
One source of truth for your product, so every new screen is faster and stays on brand.
- Component LibrariesButtons, forms, cards and patterns in Figma and code, documented and versioned.
- Typography ScalesA type system that reads well on every screen, from a phone to a large monitor.
- Colour Theory & TokensPalettes, light and dark themes and design tokens your developers can use directly.
- Accessibility (WCAG)Contrast, focus, keyboard and screen-reader support checked against WCAG 2.2 AA.
- IResearchInterviews, analytics and audits to understand your users.
- IIStructureUser flows, site maps and grayscale wireframes.
- IIIPrototypeClickable high-fidelity screens in Figma.
- IVTestUsability sessions with real users, then refine.
- VHand overA documented design system and developer-ready files.
Tell us about your product.