app design & redesign

Web & mobile apps, designed to be built.

From the first idea to a clickable prototype, for new apps and redesigns alike. Designed in Figma, or as front-end code your developers build on top of.

Start a project

What it is

Idea to prototype, in Figma or code.

We design new apps and redesign existing ones: discovery, wireframes, the interface and a prototype you can click through, ready for your developers.

Web apps like client portals, dashboards and SaaS products, and mobile apps for iOS and Android. We start with who it’s for and what they need to get done, map the flows in wireframes, design every screen, then prototype it so you can test it before anyone builds it.

We design in Figma, or with AI-native tools that design the front end in real code. The code route moves faster and makes the handover simpler: your developers start with the front end already in code, and build the rest on top of it. We’re based in Cape Town, meet clients in person here, and design for teams across South Africa and abroad.

You might be a fit if…

You’re a founder with an app idea, and you want it designed and tested before you pay for the build.
Your app works, but people find it hard to use, and it needs a redesign.
You have developers ready to build, and they need a design they can build straight from.
You’re an agency that needs senior app design capacity for a client, white-labelled.

How it works

Four phases.

Discovery & ideas

Who it’s for, what they need to get done, and what the business needs from it. Ideas sketched and weighed up while they’re cheap to change. For a redesign, we start with how the current app is used.
Wireframes

Every flow and screen mapped out in simple boxes, so the structure is agreed before anything gets styled, while it’s still quick to change.
Interface design

Every screen designed, in every state: empty, loading and errors, not only the happy path. Built on a design system of components and tokens, or on the one you already have.
Prototype & handover

A clickable prototype to test with users and show stakeholders. Then the handover: Figma files with specs, or front-end code your developers build on top of, with a walkthrough either way.

What's included

Everything up to the build.

From the first idea to the files your developers build from.

Discovery & ideas
- Goals, users & requirements
- Ideas sketched & weighed up
- For redesigns, a review of the current app
Wireframes & flows
- User flows & journeys
- Information architecture
- Wireframes for every key screen
Interface
- UI for web & mobile
- Every state, not only the happy path
- A design system: components & tokens
Prototype & handover
- A clickable prototype
- Figma files with specs
- Or front-end code to build on

Investment

Priced by scope.

The price depends on how many screens and flows there are, and how far into code we take it.

Handover: Figma or code; Design files with specs, or front-end code your developers build on.
Prototype: Clickable; The key flows, to test with users before the build.
Your quote: Within 48 hours; Send the brief and we’ll come back with a scope and price.

Common questions

FAQ.

Do you build the app too?

App design takes it up to the build: discovery, wireframes, the interface and a clickable prototype, ready for your developers. If you want it built too, our MVP development service takes an idea from discovery and design to a working proof of concept, MVP or full system.

Figma or code: which should we choose?

Figma suits teams who work from design files. The code route uses AI-native tools to design the front end in real code, which is faster and gives your developers a head start: they build on top of it rather than starting from scratch. We’ll recommend one once we know your team.

Can you redesign an app we already have?

Yes. A redesign starts with how the current app is used and where people get stuck. Then it follows the same steps: wireframes, the interface, a prototype, and a handover your developers can build from.

Do you design mobile apps too?

Yes: web apps, and mobile apps for iOS and Android. If you need both, discovery tells us which one your users need first.

What do our developers get at handover?

Either Figma files with components, specs and the prototype, or the front end in code, ready to build on. Both come with a walkthrough, so your team can pick it up without filling in the blanks.