Open full project

My Approach to FitBuddy’s Onboarding Flow

I designed FitBuddy’s onboarding to feel welcoming and inspiring while keeping it simple for you. My goal was to get you excited about your fitness journey in just a few steps. Here’s how I did it:

Screen 1: Welcome to FitBuddy! – A Friendly Start

I used “Welcome to FitBuddy!” with “Your smart fitness partner to stay active and healthy” to set a warm tone. The yoga illustration adds a calm, inclusive vibe. A “Next” button and progress dots keep it easy and uncluttered.

Screen 2: Track Your Workouts – Showing What’s Possible

“Track Your Workouts” and “Log exercises, monitor progress” highlight a key feature. The jumping rope illustration with a chart shows how you’ll track progress, keeping you motivated with a simple “Next” button.

Screen 3: Personalized Plans – Tailored for You

“Personalized Plans” with “Get fitness routines tailored to you” makes it about you. The checklist and lightbulb illustration reflect customization. I switched to “Get Started” to signal you’re ready to dive in.

Sign-Up and Login – Quick Access

The Sign-Up screen has fields for Full Name, Email, and Password, with a “Create Account” button. Login is simpler with Email and Password, plus a “Login” button. A “Terms & Privacy” link adds trust, and the FitBuddy logo keeps it consistent.

I wanted this flow to feel like a motivating friend—simple, personal, and exciting to start your journey!

Tools used

Figma

From project brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

2 reviews


Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum

Great project — very clear and well done!


10 Claps
Average 3.3 by 3 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="utf-8"?>