Train with
intent.

Workouts that fit the day you’re actually having.

Get started
Good morning
Mia
68%Daily goal
412
kcal
7,820
steps
42
min
TodaySee all
Strength
Upper body · 35 min
Cardio
Run · 5 km
Today
Strength

Upper body

35 min · 6 exercises · 412 kcal
01Bench press4 × 10
02Incline dumbbell3 × 12
03Cable row4 × 10
04Lat pulldown3 × 12
05Shoulder press3 × 10
06Face pulls3 × 15
Start workout
Upper body · Set 2 of 4
00:00
Elapsed
96bpm
Bench press
10 reps · 60 kg
V
Volt Fitnow
Leah liked your workout 💪

Workout complete

Upper body · personal best on bench

35:12
time
412
kcal
142
avg bpm
ShareDone
01/05 · Onboard02/05 · Home03/05 · Workout04/05 · Live05/05 · Done

Mobile app design · iOS and Android

Obviousin the hand.

An app people understand the first time they pick it up. You tap through a working prototype before anyone writes code.

Mobile app design · Auckland

On a phone, one confusing tap can lose someone for good. We design every screen so the next step is obvious, even one-handed and in a hurry.

  • Every flow prototyped first · tap through it before anyone builds

  • Native to both platforms · iOS and Android conventions, one design

  • Handed over build-ready · components, specs and every state

Businesses we work with

Les MillsFonterraSparkAuckland CouncilNoel LeemingKFC
The prototype

Tap anything.
It all works.

This is what you get in week two: an app you can hold. Switch tabs, like a workout, open a session and drag it away, tap the chart, fill the ring, flip it to light mode.

  • Tabs · slide, with the indicator following your thumb
  • Like · scales, bursts and counts on every tap
  • Sheet · drag the handle down to dismiss
  • Chart · tap a bar for the number behind it
  • Ring · tap it to log a walk and watch it fill
  • Theme · flip it in You, the whole app follows
Live demo · try me
Today
Strength
Upper body
35 min · 6 exercises
Cardio
Run · 5 km
28 min · tempo

Live prototype · built in code, not a video

Micro-interactions

The 400 milliseconds
people remember.

People only notice a toggle when it feels wrong. Here are six small moments we spec, tune on a real phone and hand over with the numbers.

The toggle

spring · 320ms
Notifications on

Overshoots by four percent and settles, so it feels like a real switch.

The like

back.out(3) · 8 particles
1,240

It scales, bursts and counts in 400 milliseconds. People tap it twice to see it again.

Add to bag

morph · 600ms
2

The button becomes the confirmation and the badge counts up. No pop-up needed.

Segmented control

expo.out · 260ms

The pill slides and the labels stay put, so your eye follows the pill.

Pull to refresh

rubber-band · 0.55
Pull down
  • Leah liked your run
  • New workout: Core & mobility
  • Weekly summary is ready

Pull, feel it resist, let go past the line. A new row slides in from the top.

Swipe to delete

threshold · 48%
Delete
Run · 5 km · TuesdaySwipe left to delete

Drag to reveal. Past halfway it deletes. Let go early and it snaps back.

Sample screens · 8 apps

Eight apps,
one standard.

Sample designs for fitness, banking, food, travel, retail and transit. Same rules each time: the number first, one action in reach, nothing to tap by accident.

Volt Fit Fitness screen

Volt Fit

Fitness · iOS · Android

01

Activity rings, workouts, one-thumb navigation

Kowhai Bank Banking screen

Kowhai Bank

Banking · iOS · Android

02

Balance first, four actions, nothing else above the fold

North Road Food ordering screen

North Road

Food ordering · iOS

03

Photo, price, size, toppings, one sticky button

Tide Travel screen

Tide

Travel · iOS · Android

04

Date chips in the thumb zone, price pinned to the bar

Halo Routine tracker screen

Halo

Routine tracker · iOS

05

A daily checklist that feels like a ritual

Ridge & Co. Retail screen

Ridge & Co.

Retail · iOS · Android

06

Swatches, sizes and the add button where the thumb rests

Pulse Sleep & focus screen

Pulse

Sleep & focus · iOS

07

One calm screen, nothing to tap by accident

Loop Transit screen

Loop

Transit · Android

08

A bottom sheet over the map, times you can read while walking

Swipe the screens
iOS and Android

One design,
native to both.

The same pay screen on both platforms. Flip between them: the brand, the layout and the main action stay put. The navigation, controls and type follow what each platform's users already know.

Kowhai Bank pay screen, iOSKowhai Bank pay screen, Android

Kowhai Bank · Pay someone · iPhone 15

NavigationiOSLarge title, back swipe from the edgeAndroidTop app bar, system back
Bottom naviOSTab bar, icons with labelsAndroidNavigation bar with a pill indicator
ControlsiOSSegmented control, grouped listsAndroidSegmented buttons, outlined fields
TypeiOSSF Pro, tight and boldAndroidRoboto, Material tonal colour

What never changes: the brand colours, the type scale, the order of information and the one main action in the thumb zone. One component library covers both platforms. There is no second design.

One-handed first

Designed for
the thumb you’re using.

Most people hold the phone in one hand and reach with the thumb. So the important things go where the thumb lands, and the risky ones go where it doesn't.

SettingsDelete account
Profile›
Payment methods›
Notifications›
Privacy›
Help›
Save changes
75%of taps happen with one thumb
44ptminimum target, no exceptions
Bottom thirdwhere the main action goes
Top cornersfor things you shouldn't tap by accident

We test every flow on a real phone, one-handed, on a moving bus. If the main action needs two hands, it moves.

How an app gets designed

The whole app
on one wall.

Four stages, in order: flows, wireframes, a prototype, then the final design. Each one gives you something to tap or argue with.

The team reviewing a wall of printed app screensFlow review · week 1
01

Map the flows

Every screen, state and dead end drawn as a map before anything is designed. You see the whole app on one wall.

User flowsInformation architectureScreen inventory
02

Wire and test

Grey-box wireframes of the real flows, tested by five real users on their own phones. Fixes are cheapest at this stage.

WireframesUsability round 1Findings
03

Prototype

A clickable prototype that feels like the app, gestures and all. You tap through it before any code is written.

Clickable prototypeMotion specUsability round 2
04

Design and hand over

Final UI for iOS and Android, a component library with every state, and a handover your developers can build from.

iOS & Android UIComponent librarySpecs & assets
If you already have an app, send us the store link and we’ll audit its first five minutes on a real phone.
Rated 4.9 on Google
“Service provided was very patient and knowledgeable responding to all our needs and queries in a timely, efficient manner.”
HM
Henrietta Mcglynn
Website design, Google review
Ways to work

Three ways
to get it designed.

Prove the idea with a prototype, design the whole app, or keep a product designer on your team. You get a fixed scope and an itemised quote before anything starts.

Prove it

The Prototype

From $4,500

NZD, ex GST · two weeks

The core flows mapped, wired and prototyped, so you can test the idea and pitch it before you build.

  • User flows & IA
  • Wireframes of core flows
  • Clickable prototype
  • One usability round
  • Findings & next steps
Most chosenBuild it

The App

From $18,000

NZD, ex GST · per app

Full UI design for iOS and Android, a component library and a build-ready handoff.

  • Everything in The Prototype
  • Full iOS & Android UI
  • Design system & components
  • Two usability rounds
  • Motion & micro-interaction spec
  • Developer handoff & QA
Keep going

Design on retainer

From $4,000

NZD, ex GST · per month

A product designer on your team for the releases after launch.

  • Set days each month
  • New features designed in-flow
  • Component library maintained
  • Release QA on device
  • Monthly usability check

Fair
questions.

One core design that follows each platform's conventions where users expect them: navigation, controls, type and gestures. It is clearly your app on both, and feels at home on each.

Yes. You get a clickable prototype of the real flows on your own phone, and we run usability rounds on it. A change at that stage takes hours. After the build it takes weeks.

Yes. They get full specs, assets, a component library and every state documented. Or we can build it ourselves: see Mobile App Development.

We design them when the product needs them, from the same system. Most apps start on the phone and add larger layouts once the flows have settled.

A prototype of the core flows takes two weeks. A full app design usually takes six to ten weeks, depending on the number of flows and usability rounds.

Yes. We start by auditing the current app on a real phone: where people drop off, what they tap by accident, what they never find. Then we redesign the flows that matter most.

Build 1.0

Ready to
hold it.

Send the idea, the store link, or the flows on a napkin. We’ll come back with a flow map and an itemised quote within two working days.

Get a quick quote
25+.
Apps designed
4.9★.
Average store rating
100%.
Flows prototyped before build
2.
Platforms, one design

Ready to talk about
your project?

Tell us what you need. We’ll come back with ideas, a timeframe and a fixed quote.

Getting the search ready

↑↓ to move, Enter to openSearches every service, plan, article and answer on the site.

Quick QuoteA few quick taps

What can we help with?

Tap everything you are after. One is fine.

Websites and apps

Brand and content

More customers

AI

Keep it running