UI/UX and Product Design

Research, prototypes and interface design in Figma, delivered as a design system your engineers can build from.

We test ideas with real users before anything is built, and hand over designs that engineers can build exactly as drawn.

  1. You have

    Your product and users

    What exists today, who uses it and what they are trying to do.

  2. Step 1

    Research

    Interviews, analytics and a review, turned into a short list of problems to fix.

  3. Step 2

    Prototype

    Clickable Figma prototypes, tested with users on real tasks.

  4. Step 3

    Final design

    Screens and a design system with matching code components.

Engineers are involved from the first wireframes, so nothing is designed that cannot be built.

Research and structure

  • User researchInterviews, analytics and a review of the current product.
  • Journey mapsHow users move through the product today, and where they get stuck.
  • WireframesPage structure and flow settled before any visual design.
  • PrototypesClickable prototypes, tested with real users.

Design and handover

  • Screen designFinal screens for web, iOS and Android, with every state covered.
  • AccessibilityContrast, text size and keyboard use checked as part of the design.
  • Design systemsColours, type, spacing and components, with matching React components.
  • Developer handoverSpacing, states and behaviour specified, so engineers do not guess.

Design and code components are delivered together and kept in step.

Design

  • Figma

Code

  • React
  • React Native

Have a question that is not here? Send it with the form below and an engineer will reply within one business day.

What does the design process look like?

Research, page structure, wireframes, a clickable prototype tested with users, final screens, then a design system and handover. Engineers join from the wireframes onward.

Do you also build the design system in code?

Yes. The Figma library and the React or React Native components are delivered together and kept in step.

Can you work with our existing brand?

Yes. We work within your brand guidelines and extend them where they do not cover what a product interface needs.

A defined project

A defined integration or product, priced and scheduled up front, delivered with the test suite and infrastructure code you keep.

Engineers on your team

Engineers who join your team, your code and your daily meetings for as long as the roadmap needs them.

Ongoing support

We keep the integrations you run working: monitoring, vendor updates, new connections and month-end support.

Taking over existing systems

A system or integration nobody wants to touch: we review it, make it stable, then build on it.

select_arrow