Web design · Fitness

Fern Fitness

A fitness brand’s website, designed to convert a visitor into a booking rather than just look energetic.

Fern Fitness
Role

Web UI designer

Scope

Responsive site, mobile and desktop

Sector

Fitness

Platform

Responsive web

Fern Fitness

The problem

Every fitness site looks motivated. Few of them convert.

The category has a house style: big photography, bold type, a lot of energy. It looks good in a mockup and it rarely does the commercial job. What a visitor actually needs to know is what’s on, when, where and how much, but that information often ends up three scrolls below the inspiration.

The brief was a responsive site that carried the brand’s energy without burying the practical information underneath it.

Fern Fitness screens
Fern Fitness screens

Practical information leads; photography and brand voice frame it.

What I did

Three decisions the product hangs on.

01

Put the practical answers above the atmosphere

Classes, times, location and pricing are what a visitor came for. They lead. The photography and brand voice frame that information rather than delaying it.

02

Designed the mobile view as the real one

Fitness traffic is overwhelmingly mobile and often arrives mid-decision. The phone layout was designed first and given the full treatment, not compressed down from desktop afterwards.

03

Made the booking path obvious from anywhere

A visitor should be able to act from wherever they’ve got to on the page, rather than scrolling back to a single call to action they passed on the way down.

Fern Fitness screen
Fern Fitness screen
Fern Fitness screen
Fern Fitness screen
Fern Fitness screen

The phone layout designed first, with the booking path reachable from anywhere on the page.

Next project

Sway

→

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