RYZE

Embark on a fitness journey that's not just about breaking a sweat, but also about breaking barriers and reaching new heights.

Embark on a fitness journey that's not just about breaking a sweat, but also about breaking barriers and reaching new heights.

Embark on a fitness journey that's not just about breaking a sweat, but also about breaking barriers and reaching new heights.

RYZE is a platform that connects users with personal trainers and supportive community of others that share similar fitness goals. Meet, train, and share with others that will cheer you on.

RYZE is a platform that connects users with personal trainers and supportive community of others that share similar fitness goals. Meet, train, and share with others that will cheer you on.

RYZE is a platform that connects users with personal trainers and supportive community of others that share similar fitness goals. Meet, train, and share with others that will cheer you on.

The Final Product

The Final Product

Project Overview:

Project Overview:

Project Overview:

Responsive Web Design:

Homepage & Onboarding

Responsive Web Design:

Homepage & Onboarding

6 weeks

6 weeks

Research, User Flows, Wireframing,

UX research, Branding, UI Design,

Prototyping

Research, User Flows, Wireframing,

UX research, Branding, UI Design,

Prototyping

The Challenge:

The Challenge:

Online fitness sites encounter challenges with their homepages and onboarding processes, including the risk of overwhelming users with too much information, the complexity of personalization during onboarding, and the need to establish trust in trainers and community support.

The Goal:

The Goal:

Create an inviting and intuitive digital entry point that seamlessly guides users towards personalized fitness journeys, encourages direct interaction with trainers, and facilitates connections with like-minded users. Simplifying design, emphasizing what sets RYZE apart for other fitness websites, and maintaining a user-centric focus are key to ensuring a positive user experience.

Design Process

Design Process

Design Process

Empathize

Empathize

Empathy Map:

Empathy Map:

To gain a deeper understanding of the users' emotions, motivations, and pain points throughout their fitness journey.

To gain a deeper understanding of the users' emotions, motivations, and pain points throughout their fitness journey.

Personas:

Personas:

Create a more targeted, engaging, and user-friendly experience that caters to the unique characteristics and preferences of a diverse user base.

Create a more targeted, engaging, and user-friendly experience that caters to the unique characteristics and preferences of a diverse user base.

Define

Define

Define

The Problem:

The Problem:

The onboarding experience of fitness websites often face challenges, including:

Uninspiring Design

FitFusion

FitFusion

FitFusion

Their homepage is a prime example of a “cliche” dated fitness website. Actual users of the program are missing, only leaving fitness influencers to convey relatability. Presenting real people, real users offers transparency and allows potential users to visualize themselves using the program.

No Visibility of Trainers

Obe Fitness

Obe Fitness

Obe Fitness

The section devoted to featuring the program’s variety of experienced trainers is used to show only one trainer. This leaves the user to guess the quality, methodology of the other trainers.

Lengthy Onboarding

BetterMe

BetterMe

BetterMe

The onboarding for the BetterMe platform consists of a staggering 27 questions. The questionnaire becomes quite intrusive when it asks about non-fitness related daily activities and even asks about which body part “needs the most attention”. Although collecting that much data may be helpful, it seems quite excessive.

The Solution:

The Solution:

The homepage and onboarding experience of RYZE addresses some of the key failures of fitness websites.

Modern Design

RYZE Fitness

RYZE Fitness

RYZE Fitness

The brand colors are offer broad appeal to men/woman and different age groups. The use of real users provide a tangible connection for visitors, making the fitness journey more relatable, authentic, and attainable.

Visibility of Trainers

RYZE Fitness

RYZE Fitness

RYZE Fitness

The variety of trainers and their exercise modalities are on full display. Users are able to see exactly the quality of trainers the platforms provides. From rehabilitations work to powerlifting users will find a suitable trainer for their fitness goals.

Concise Onboarding

RYZE Fitness

RYZE Fitness

RYZE Fitness

Onboarding only consist of 5 questions. Only essential data is gathered, greatly reducing the drop rate of potential users. Since Ryze’s focus is to facilitate trainer and user interaction, all other necessary information can be gathered during the first meeting.

Ideate

Ideate

Competitive Audit

Competitive Audit

Branding:

Branding:

RYZE is a motivational brand name that would illustrate “taking on the day”. We rise (RYZE) in the morning and start anew. The brand colors/logo evoke overcoming and achieving your goals. Within the logo itself, it mimics the bright orange sun slowing rising above a dark horizon/moutainscape.

Wireframes

Wireframes

Design

Design

Lo-fi Prototype:

Lo-fi Prototype:

The UX onboarding user flow was kept minimal and quick compared to other fitness platforms. The use of clear language, prominent call to actions, and clean interactive elements help to reduce cognitive load. From start to finish the onboarding is purposely linear in order to for a smooth and seamless experience.

Mockups:

Mockups:

With the transition into hi-fi the brand colors, iconography, and typography were established. The overall UI was geared toward a very clean, active, and fun feel.

Hi-fi Prototype

Hi-fi Prototype

Going Forward

Impact

Overall, the onboarding for RYZE Fitness has come out even better than I had initially expected. During UX testing users shared that the design was intuitive to navigate through, more engaging with the images, and demonstrated a clear visual hierarchy. I would like to return to this project and iron out any elements what may be lacking visually or pain points that have been overlooked.

Reflection

I learned that even being an avid gym-goer for over a decade doesn’t necessary equate to what a majority of users would desire from a fitness site. I should have put further effort in researching the negatives that come with online fitness programs earlier on in the design process.


I realized so much after interviewing and talking with potential/previous online fitness users. Their frustrations were not as obvious as I had initially thought. In the future, I plan to rely less on my own assumptions but rather hear it from many others that have experienced it.

Create a free website with Framer, the website builder loved by startups, designers and agencies.