Bodybeat - A landing page for a new fitness idea

Project Overview

The objective of this landing page was to generate interest in the new Silent Disco fitness classes and convert interested users.

My Process

1- Define an audience need

2- Define the main objective of that brand

3 - Define the structure of the information they will need

4 - Define the brand personality, values and differentiator

5 - Define the copywriting rules of the brand

6 - Generate brand assets, colour palette etc.

7 - Establish suitable font pairings

8 - Outline structure and core elements of the landing page

9 - Generate a basic page wireframe

10 - Consider content for each page element based on brand and copywriting style guide

Design Decision Rationale

The idea behind this brand was a mix of 80s disco/fitness and futuristic technology led fitness.

Colours

With this in mind the colour palette was chosen to reflect the bright neon colours and energy of the 80s fitness craze.

Typography

Font pairings:

Primary : Rajdhani (a futuristic but clear and stylised font - I felt this reflected the strong brand I was going for.

Secondary: Source Sans pro ( mainly a supporting font, used for quotes and ancillary content)

I found that the primary font did such a good job that using the secondary font stood out, and as a result used the primary font most often.

Layout

Follows a sensible flow:

Hero (capture interest and offer a powerful sense of the brand). Quick link to join now or a link to find out more about how it works.

What is bodybeat - as a new concept, it is important to quickly explain this and the benefits to the audience

Types of classes - to show the audience the options and what they offer different users

How it works - for those still interested, it is time to tell them exactly how it works, stressing the simplicity to remove any sense that it is complicated.

What others are saying - Using these to build social proof and deliver a positive message about the product

Pricing - For those still interested it is not time to find out what you get for your money and give options to take the next step.

Gallery - A deeper dive into what users can expect

Join the mailing list - making connections and keeping in touch

Visual design

The design aims to give the user lots of space, using icons and short punchy content to explain the concept and sell the idea.

At the same time the other strong elements is the powerful imagery and strong colours to rive the idea of energy, excitement and fun.

Alongside this the design tries to ensure lots of whitespace so the page does not feel overwhelming or pressurising the user.