App design · Fitness

The Running Mind

A fitness app carrying the name of a double Olympic gold medallist, which sets the bar for how it has to feel.

The Running Mind
Client

Dame Kelly Holmes DBE

Role

Sole UI designer

Engaged by

A London agency

Platform

iOS & Android

The Running Mind

The problem

A name that promises elite, for an audience that isn’t.

Dame Kelly Holmes won gold over 800m and 1500m at Athens in 2004 and still holds British records at 600, 800 and 1000 metres. That name attached to a fitness product sets an expectation of seriousness before anyone opens it.

The app had to reach a wide range of people trying to get fitter, most of them nowhere near elite and easily put off by a product that assumes they are. The design problem was carrying the credibility of the name without making a beginner feel they’d opened something meant for somebody else.

The Running Mind screens
The Running Mind screens

Branding carries the framing; the working parts of the app stay plain and usable.

What I did

Three decisions the product hangs on.

01

Brought the brand in without letting it dominate

Wireframes and reference apps arrived from the agency; the identity had to be layered onto them. I used the branding for warmth and authority in the framing, and kept the working parts of the app plain, so the name reassures rather than intimidates.

02

Gave every fitness area equal footing

Training, recipes and the rest were designed as parallel entry points rather than a hierarchy leading with the hardest thing. Someone who came for the food plan shouldn’t have to walk past a training programme to reach it.

03

Fixed the UX problems the wireframes had surfaced

The brief wasn’t just to skin the wireframes. I worked back through the pain points that came out of the wireframing stage and resolved them in the UI, particularly the recipes, which needed to be followable one-handed in a kitchen. The first round of user testing came back positive.

The Running Mind screen
The Running Mind screen
The Running Mind screen
The Running Mind screen
The Running Mind screen
The Running Mind screen

Recipes designed to be followed one-handed, mid-task, in a kitchen.

Next project

Florista

→

Start a project

Tell me what you’re building.

Send the Figma, live product, deck or even a rough message. I’ll tell you what I think it needs, whether I’m the right fit and roughly what it’ll cost.

Usually reply within one working day · No sales call required