The Problem
Most fitness apps track data but fail to keep users engaged. Research showed people abandon apps due to overwhelming layouts, unclear progress indicators, and no sense of emotional reward for showing up.
The Solution
A fitness app that uses streak-based reinforcement, personalized progress visuals, and a playful mascot to make daily movement feel achievable and genuinely rewarding rather than clinical.
Who this is for
Adults aged 18-34 who start fitness apps with motivation but abandon them within weeks. They want to track progress but find raw data uninspiring and existing apps too clinical to build a lasting habit.
What we learned
Through surveys and interviews with 9 users across 3 research methods, 88% found streaks and milestone badges more motivating than raw numbers, and 42% called existing apps too clinical to sustain engagement.
TL;DR
UX design project reimagining how fitness apps support long-term habit building through emotional engagement
Challenge
Users abandon fitness apps because raw data without emotional context feels meaningless. 42% of surveyed users called existing apps uninspiring or too clinical to build a habit.
Approach
User research first. Surveys and interviews across 18-34 age groups revealed that streaks and milestone badges beat raw numbers for motivation. Design decisions followed the data.
Solution
High-fidelity Figma prototype with streak tracker, weekly progress visuals, real-time workout interface, and a mascot character that responds to user milestones.
Impact
95% of testers located the Daily Summary in under 15 seconds. User testing feedback directly drove layout changes, label rewrites, and streak visibility improvements.
Key Design Decisions
Three choices that defined how Turbo turns data into motivation.
01
Streaks over stats
88% of users found streaks and milestone badges more motivating than raw numbers. The streak tracker moved to the top of the Summary page after testing confirmed users wanted it front and center, not buried.
02
Mascot as emotional layer
A playful character responding to user milestones adds an emotional register that pure data visualization cannot. It makes the app feel like it is rooting for you rather than just recording you.
03
Labels over jargon
Testing revealed users understood completion percentage but not conversion rate. Every metric label was rewritten for plain language. Clarity of copy is a design decision, not a copy decision.
User research drove every major design decision before any screen was designed.
Calories burnt but I usually just find it pretty meaningless so I stopped using it.
User interview, 21, daily gym-goerI like to look back on my progress to see how I am growing. Super encouraging stuff.
User interview, 22, fitness tracker userSurveys and interviews with 18-34 age group fitness app users. 78% wanted clearer visual metrics. 88% found streaks more motivating than raw numbers. 42% called existing apps too clinical.
Simplify navigation and surface essential metrics. Introduce motivational streaks, a playful mascot, and supportive copy to make progress feel rewarding rather than transactional.
Sitemap and flowmap built to streamline two core pathways: Track Progress to Streak Summary to Detailed Metrics, and Select Workout to Live Session to Instructions Swipe.
High-fidelity prototype built entirely in Figma, iterated through user testing.
Circular step tracker, calorie and heart rate metrics, clear completion percentage, and motivational streak tracker with mascot. Streak moved to top after testing feedback.
Three-panel summary comparing this week, last week, and previous week with a clean line graph and contextual feedback. Makes progress visible across time, not just today.
Real-time timer, swipeable instructions, and next workout previews built with a consistent rounded component style and color-coded workout types.
Research informed the design. Testing proved it worked.
Heuristic Evaluation
3 evaluators assessed the prototype against Nielsen's 10 heuristics. Severity 3 and 4 issues were prioritized for the next iteration.
Profile fields accepted invalid input with no validation or error feedback. Users could submit empty or incorrect data silently.
Added real-time input validation and a "Discard changes?" confirmation dialog before leaving the edit screen.
No way to pause and exit a workout mid-session. Users felt trapped once a workout started.
Added a "Pause and Exit" button and a visible back button on the Edit Profile screen.
No loading feedback when videos started. Users were unsure if the app was working.
Added a loading spinner and profile save confirmation message.
Streak tracker was buried below other metrics. Users wanted it more prominent.
Moved streak tracker to the top of the Daily Summary page based on direct user feedback.
Results
95%
found Daily Summary in under 15 seconds after iteration
9
users across 3 research methods
10
heuristics evaluated across 3 reviewers
4
severity 3+ issues resolved before final prototype
Visual system and interactive prototype built in Figma.
Users don't quit because the app lacks features but when it doesn't make them feel anything.
Renaming "conversion rate" to "completion percentage" was a bigger usability fix than any visual change.
Knowing which other things to leave alone took more careful observation.