01
The problem
Products that grew quickly often end up with:
- No consistency: screens built by different people at different times, with no shared components.
- Confusing flows: navigation and forms that make users stop and think, such as a sign-up that takes too long or a checkout that drops people.
- An outdated look that doesn't match what customers in your industry expect, for example from banking, healthcare, retail or logistics apps.
- Accessibility gaps: poor contrast, missing labels, tap targets that are too small.
- Slow changes: every new feature means designing from scratch.
02
What we do
Research and audit
- Heuristic review of your current product, using Nielsen's usability heuristics.
- Analytics and funnel review: where users drop off, and which features they ignore.
- User interviews and usability sessions with existing or target users, where available.
- Industry review: the established patterns, regulations and expectations in your sector. Examples include:
- fintech: trust signals, clear fees, KYC flows
- healthcare: privacy and readability
- e-commerce: search, filters and checkout
- B2B SaaS: dense data views and roles
- Accessibility audit against WCAG 2.2 AA.
Information architecture and flows
Restructured navigation, simpler key journeys, and wireframes for your highest-value tasks.
Design system
- Foundations: tokens for colour, type, spacing, elevation and motion.
- Components: a component library built on a proven base, such as Material 3, Apple Human Interface Guidelines patterns, or a headless web library, and adapted to your brand.
- Coverage: light and dark themes, plus responsive and adaptive layouts for web, tablet and mobile.
- Documentation: usage guidelines so designers and developers apply components the same way.
High-fidelity UI and prototypes
- Screens: final screens in Figma, with interactive prototypes for testing.
- States: empty, loading, error and edge-case states designed, not left to developers.
- Content: microcopy written in plain language.
Validation
Usability testing of the prototype with real users before build, then a round of changes based on what we learn.
Implementation support
- Handover: a developer handover with specs and design tokens exported to code.
- Build: our engineers can build the new UI in your stack, for example React/Next.js or Flutter.
- Review: design QA of the built product before release.
03
How it works
- Scoping call. We discuss your goals, users, problem areas and constraints.
- Discovery (1–3 weeks). Audit, analytics, interviews and industry review.
- Flows and wireframes. Agreed with you before visual design starts.
- Design system and UI. Built iteratively, with regular reviews.
- Prototype testing. With users, then changes based on the results.
- Handover and build support. Through to release and design QA.
04
What you receive
- UX audit report with prioritised issues.
- User flows and information architecture.
- Design system in Figma: tokens, components and documentation.
- High-fidelity screens and interactive prototypes.
- Usability test summary.
- Developer handover package. Optionally, the coded component library.
05
Standards and tools
Aligned with: WCAG 2.2 AA, Material Design 3, Apple Human Interface Guidelines and Nielsen's usability heuristics.
Tools:
- Design and prototyping: Figma, FigJam
- Component documentation: Storybook
- Analytics: Hotjar or Microsoft Clarity, Google Analytics / Mixpanel
- Accessibility checks: axe and Lighthouse
06
Packages
We offer fixed-price packages for businesses with different needs. Scope, timeline and deliverables are agreed in writing after the scoping call.
07
Next step
Book a 30-minute call to talk through your product and what you need.
FAQ
Questions
Will a redesign confuse our existing users?
We plan changes around the tasks users already know, and can release in stages. Where it helps, new layouts can sit behind feature flags or be offered as opt-in first.
Do we have to rebuild the frontend?
Not always. We often bring the design system into the existing code step by step, screen by screen.
Can you work with our brand guidelines?
Yes. We extend your brand into a full design system. If you don't have guidelines, we can create basic ones as part of the work.
Do you design for both web and mobile?
Yes. Components are designed responsively for web and adapted to Android and iOS conventions.
How do you decide what "modern" means for our industry?
We look at the patterns your users already know from leading products in your sector and the regulations that apply to you, then adapt those to your brand. We don't follow trends for their own sake.
Can you also build it?
Yes. Our engineering team can build the new design in React/Next.js, Flutter or your existing stack.
Start a project
Have a product to ship?
Engagements are fixed-price packages, shaped to the business. Book a call for a quote.
Book a 30-min call ↗