Tested on people, then built.

Interfaces for websites, web apps and mobile apps that are researched, prototyped and tested with real people before a line of production code is written.

ResearchWireframesInterface designPrototypes

Research and user journeys

We talk to your customers and staff, map the routes they take through the product, and agree which journeys matter most.

Wireframes and information architecture

Plain layouts that settle what goes on each screen and how the screens connect, before anyone argues about colour.

Interface design

Finished screens for desktop and mobile, with every state designed: empty, loading, error and full.

Design systems

Components, tokens and rules that keep every new screen consistent and give developers one source to build from.

Sound familiar?

01

Users get lost

People sign up, look around and leave, and nobody can say which screen is losing them.

02

Built, then rethought

The last project changed direction halfway through the build, and every change cost developer time.

03

Every screen differs

Buttons, forms and tables look slightly different on each page because there is no shared system behind them.

What you get

A UI UX design agency in the UK that tests before it builds

A design that looks good in a presentation can still confuse the people who have to use it. The only reliable way to know is to watch someone try. So we put a clickable prototype in front of real people before the build starts, while a change is a few minutes in a design file rather than a week of developer time.

We design for websites, web apps and mobile apps. Because we are a digital product studio, the same team designs and builds, so the interface you test is the interface that ships. If the product is a platform rather than a site, our SaaS development and web apps and internal tools services take the tested design into custom code.

What UI and UX design covers

Research that answers real questions

We start by talking to the people who use the product, or would. Customers, staff, sometimes both. We want to know what they are trying to do, what gets in the way and what they do instead. That shapes the journeys we design first.

Wireframes before pixels

Wireframes settle structure: what is on each screen, in what order and where it leads. Agreeing this in plain grey boxes keeps the conversation on how the product works, not on colours and fonts.

Interfaces with every state designed

A screen is not finished until it has an empty state, a loading state, an error and a full version with real data in it. We design them all, for desktop and mobile, so developers are not left guessing.

A system, not a pile of screens

Buttons, forms, tables, cards and alerts become a component library with design tokens behind it. New screens are assembled from parts that already work, and the product stays consistent as it grows.

How we designed our own products

We run our own products, so we design for people we can watch every day. On Rated Clinics, a clinic directory we built and run, the hard part was the score. It is weighted across safety, outcomes, transparency and experience, and a patient needs to understand it at a glance. We settled on a five-dot score card: one reading on the listing, and the breakdown behind it for anyone who wants the detail.

On Guaranteed Hours, our compliance product for the guaranteed-hours duty in the Employment Rights Act 2025, the job is the opposite: an employer needs to see quickly when an offer of guaranteed hours is due, without reading a legal document. The design puts that flag first. You can read more about the duty itself in what employers need in place.

This website is built the same way: from one set of design tokens and shared components, so a new page uses parts that already work.

Where UI and UX sits with brand and motion

UI and UX design is about how a product works and how it feels to use. It is different from brand identity, which sets the logo, colour and type the interface draws on, and from motion and 3D for web, which adds scroll-driven motion and interactive moments on top. Many projects use all three. If you already have a site and want to know what is wrong with it first, a UX audit is a good starting point.

How a project runs

Every project starts with a discovery call and a fixed price for each stage. You see the work as it develops, join the test sessions if you want to, and sign off the prototype before the build begins.

How we do it

Strategy first

We agree who the product is for, what they need to get done and how we will know the design is working, then plan the research around those questions.

Find the big idea

We map journeys, sketch wireframes and build a clickable prototype, then test it with real people and change it until the main tasks are easy.

Build it properly

The tested design goes into custom code in weekly releases on a staging site, with the designer checking every screen against the design system.

Launch to convert

We set up tracking on the key steps of each journey, so after launch you can see where people complete a task and where they drop out.

Run and grow

We use what the tracking and your support inbox tell us to improve the screens that need it, adding new components to the system as the product grows.

What it costs

We price every project after a short call, so you know the figure before any work starts.

Website and SaaS cost estimator

What affects the cost

  • The number of screens and user journeys
  • Website, web app, mobile app or a mix of them
  • How much research and how many test sessions
  • Whether you need a full design system or a set of screens
  • Whether we also build the product after the design is signed off

Tech and tools

FigmaDesign tokensLaravelFilamentLivewireInertiaReactSwiftKotlin

Related work

Client work

Every enquiry answered, whatever time it arrives.

Opus Smile
Dental

Two Bradford branches, one website, and orders taken direct.

The International Restaurant
Hospitality

A claims site that gives a straight answer first.

Casibus

A charity website where every page can take a donation.

Give a Gift

From treatment page to booked consultation in two clicks.

Rejuvaskin
Healthcare

A construction consultancy, set out service by service.

Aquious Consulting
Construction

A fresh look for a family restaurant Otley has known since 1982.

The Jewel Otley
Hospitality

Christmas bookings, private dining and an early bird menu, all in one place.

Westbourne Spice
Hospitality

A Doncaster restaurant website built around booking a table.

Jumaira Restaurant
Hospitality

A full priced menu and a booking form on every page.

Jumaira Spice
Hospitality

A written price before anyone books a flight.

Persona Smile
Dental

FAQs

What is the difference between UI and UX design?

UX design is how the product works: the journeys, the structure and what happens at each step. UI design is how it looks and behaves on screen: layout, type, colour and components. We do both, in that order.

Who do you test the prototype with?

People who match your users: existing customers, staff who will use an internal tool, or recruited participants who fit the profile. We agree who before testing starts.

Do you design mobile apps as well as websites?

Yes. We design native iOS and Android apps and cross-platform apps, following each platform's conventions where it helps people find their way.

Can you redesign part of an existing product?

Yes. We often start with the journeys that cause the most trouble, such as sign-up or checkout, and build a design system around them that the rest of the product can adopt over time.

Will our developers be able to build from your designs?

Yes. You get finished screens for each breakpoint and state, a component library and design tokens. We can also build it ourselves in custom code.

Related services

Let's talk about your project.

Tell us what you need. You'll hear back from a person, usually within one working day.

I'm interested in

We use these details only to reply to you.