Website redesign for BodyVibes - a fitness booking app

Making BodyVibes easier to understand, compare and discover

Making BodyVibes easier to understand, compare & discover

A UX and content redesign of BodyVibes’ website: clearer navigation, easier pricing, and a blog built for search.

COMPANY

BodyVibes

BodyVibes

ROLE

UX/UI & Visual Designer

Visual Designer

EXPERTISE

UX/UI Design · Content Design

UX/UI Design ·
Content Design

SCOPE

Homepage · Pricing · Blog

Homepage · Pricing · Blog

The product had more to offer than
the website was showing

The product had more to offer than the website was showing

The old website made it hard to understand the offer, compare plans and find relevant content.

What wasn’t working?

The offer was hard to grasp

Key information was scattered, so the homepage didn't explain what BodyVibes offers.

The offer was hard to grasp

Key information was scattered, so the homepage didn't explain what BodyVibes offers.

The offer was hard to grasp

Key information was scattered, so the homepage didn't explain what BodyVibes offers.

Pricing lacked clarity

Differences between plans weren't easy to compare at a glance.

Pricing lacked clarity

Differences between plans weren't easy to compare at a glance.

Pricing lacked clarity

Differences between plans weren't easy to compare at a glance.

The blog wasn't built for search

Its structure ignored search intent and how people look for fitness content.

The blog wasn't built for search

Its structure ignored search intent and how people look for fitness content.

The blog wasn't built for search

Its structure ignored search intent and how people look for fitness content.

Articles were hard to scan

Long-form content lacked clear hierarchy and navigation.

Articles were hard to scan

Long-form content lacked clear hierarchy and navigation.

Articles were hard to scan

Long-form content lacked clear hierarchy and navigation.

From audit to experience

01

AUDIT

02

RESTRUCTURE

03

REDESIGN

04

OPTIMIZE

01

AUDIT

I reviewed the site’s flows, content and hierarchy to find friction points.

02

RESTRUCTURE

I reorganized content around user needs and search intent.

03

REDESIGN

I redesigned the homepage, pricing, blog and article template.

04

OPTIMIZE

I refined everything for usability, readability and SEO.

Homepage: A clearer path from
discovery to action

Homepage: A clearer path from discovery to action

The new homepage explains how BodyVibes works - book sports and fitness classes with one subscription - and leads users to the next step.

  • Clearer value proposition

  • Simplified content hierarchy

  • Stronger paths to key pages

  • Clearer value proposition

  • Simplified content hierarchy

  • Stronger paths to key pages

  • Clearer value proposition

  • Simplified content hierarchy

  • Stronger paths to key pages


Pricing: From comparing prices to comparing value

The new pricing page makes subscription plans easy to understand, compare and act on.

What changed?

Clearer plan differences

Plans can be compared at a glance.

Clearer plan differences

Plans can be compared at a glance.

Clearer plan differences

Plans can be compared at a glance.

Transparent conditions

Key conditions and limits are visible upfront.

Transparent conditions

Key conditions and limits are visible upfront.

Transparent conditions

Key conditions and limits are visible upfront.

Easier decisions

Designed to help users find the right subscription faster.

Easier decisions

Designed to help users find the right subscription faster.

Easier decisions

Designed to help users find the right subscription faster.

SEO: Designing content both for search and reading

I rebuilt the blog around search intent, clear categories and a content structure that scales.

Article template: From article page to content experience

A new template built for readability and SEO, making long articles easy to scan and navigate.

What I delivered:

PAGE TYPES

0
1
2
3
4
x REDESIGNED PAGE TYPES
0
1
2
3
4
x REDESIGNED
0
1
2
3
4
x REDESIGNED PAGE TYPES

The redesign covers the full journey, from understanding the offer to comparing plans and discovering content.