Product Design
Product Design
The cheapest place to fix a product is before it is built. A confusing step, a wrong word or a missing screen costs hours to fix in a design, and weeks once it is in code.
We design web and mobile products around what real users do, not what anyone assumes they will do. We research, prototype and test with real people, and hand engineers a design they can build with confidence.
Clickable prototype tested with real users in 1–2 weeks
Designed in Figma, with a design system your engineers can build from
Measured, not guessed: every design is tested against usability benchmarks before it is built
What we design
User research
We talk to the people who will use your product, study how they work today, and find what frustrates them. Real behaviour, not opinions about what they might like.
Prototypes and validation
From quick sketches to realistic clickable prototypes that run in a browser or on a phone. We keep them lean, because their job is to answer questions fast, not to look finished.
UX and UI design
The full product experience: user flows, every screen and state (including empty, loading and error screens), and a clean, consistent visual design that feels like your brand.
Design systems
A reusable library of colours, type, spacing and components in Figma, matched to how your engineers build. It keeps the product consistent and makes every new feature faster to design and build.
Conversion design
Sign-up flows, onboarding, pricing pages and checkouts designed to turn visitors into customers, built on the lessons from our founder's 128+ product launches.
UX audits and redesigns
A review of an existing product against usability principles and your real usage data, with a prioritised list of fixes, followed by a redesign of the parts that matter most.
How we work
Step 1 — Understand
We start with who the product is for and the one job it must do well. We review any existing research, data and competitors, and talk to real users about how they handle the problem today.
You get: a short design brief, user profiles and the key journeys to design.
Step 2 — Map the flows
We map how users move through the product, step by step, before drawing a single screen. This is where unnecessary steps and missing paths are easiest to spot.
You get: user flow diagrams and simple wireframes for the key journeys.
Step 3 — Prototype
We turn the flows into a clickable prototype that looks and feels like the real product, in a browser or on a phone.
You get: a realistic prototype you can also show investors and early customers.
Step 4 — Test with real users
We watch five or more representative users try to complete the core tasks, then fix what confuses them and test again. Small, repeated rounds find more problems than one large study.
You get: a usability report with what we found, what we changed, and the scores before and after.
Step 5 — Design and hand over
We complete the final visual design and the design system, and hand everything to engineering with specifications, assets and notes. A designer stays involved during the build to answer questions and review what is built.
You get: final designs in Figma, a design system, and a build-ready handover.
How we measure good design
Good design is not a matter of taste. We test every key journey with real users and score it against established usability benchmarks before it goes to engineering.
Metric | What it tells you | Industry benchmark | What we aim for |
|---|---|---|---|
Task completion rate | Whether users can complete the core tasks unaided | Average across 1,100+ tasks: 78% | 90%+ on the core journey |
System Usability Scale (SUS) | An overall usability score from a standard 10-question survey, out of 100 | Average: 68; 80+ is considered excellent | 80+ |
Task ease (Single Ease Question) | How easy users found each task, on a 1–7 scale | Average: 5.5 | 6+ on core tasks |
Errors per task | How often users take a wrong turn | Average: 0.7 errors per task | Under 0.3 on core tasks |
Accessibility | Whether people with disabilities can use the product | WCAG 2.2, the international accessibility standard | Level AA on key journeys |
Once the product is live, we connect the design to real behaviour: sign-up and onboarding completion, activation, conversion and where users drop off, so the design keeps improving with evidence.
Why five users per round? Usability research shows that testing with five users uncovers about 85% of the usability problems in a design, and that several small rounds of testing improve a product more than one large study.
Sources: task completion, SUS, SEQ and error benchmarks from MeasuringU, 10 Benchmarks for User Experience Metrics; five-user testing from Nielsen Norman Group. Targets in the last column are Supernova's own.
Ways to work with us
UX Audit | Prototype Sprint | Full Product Design | Design Partnership | |
|---|---|---|---|---|
Best for | An existing product that confuses users or loses them | Testing an idea, or showing investors, before building | Designing a new product or major feature, ready to build | Products that need ongoing design as they grow |
Covers | Review, usability testing and a prioritised fix list | Steps 1–4 | All five steps | Monthly design, research and testing |
Length | 1–2 weeks | 1–2 weeks | 3–6 weeks | Monthly, 3 months minimum |
Price (US$) | From 3k | 8k–15k | 15k–40k | From 4k / month |
Fixed scope and a fixed fee for each project. When we also build the product, design is included in our MVP and web or mobile packages.
Is this for you?
A good fit if you:
Have a validated idea and want to test the experience before paying for engineering
Need a prototype to show investors or early customers
Have a live product where users get confused, drop off or do not convert
Need a design system so your product stays consistent as the team grows
Have an in-house engineering team but no senior product designer
Not the right fit if you:
Need a logo, brand identity or marketing graphics only
Want screens drawn to a fixed brief, without user research or testing
Are not yet sure the idea is worth pursuing. Start with Product Ideation & Discovery
Frequently asked questions
Why prototype before building? Because a change in a prototype takes hours, and the same change in code can take weeks. Testing a prototype with real users finds the confusing steps and missing pieces while they are still cheap to fix.
How many users do you test with? Usually five per round, across several rounds. Research shows five users uncover about 85% of usability problems, and fixing then retesting improves the product more than one large study.
What will I receive? Final designs in Figma, a clickable prototype, a design system of reusable components, a usability report, and a handover pack your engineers can build from.
Can you work with our existing engineering team? Yes. We design in Figma, match the design system to the technology your team uses, and stay involved during the build to answer questions and review the result.
Do you design for accessibility? Yes. We design key journeys to the WCAG 2.2 Level AA accessibility standard, covering contrast, text size, keyboard use and screen readers.
How long does it take, and what does it cost? A UX audit or prototype sprint takes 1–2 weeks and costs from US$3k and US$8k respectively. Full product design takes 3–6 weeks and typically costs US$15k–40k.
Do I own the designs? Yes. You own all designs, files and the design system from day one.
Design it right before you build it
The best-designed products are not the ones that look the most impressive. They are the ones people understand instantly, complete without help, and come back to. That comes from testing with real users, not from guessing.
Need help with product design? Let's shape it together.
View All
Let’s Talk.
Tell us what you’re building
Engineering & AI
From SaaS and mobile products to AI, cloud, data, and enterprise systems, we bring the technical capability needed to build and scale.
Product strategy & delivery
From discovery and MVP build to growth and scaling, we help you define the right product direction and move it into execution.
