Back to Portfolio

MOBILE APP DESIGN

Designing a habit-forming fitness experience that users actually stick to

Client: FitLife Pro

Duration: 12 Weeks

Role: Lead Product Designer

Product: Mobile Fitness App

Team: UX Designer, Product Manager, Frontend Engineer

Tools: Lovable, Figma Suite, Maze, Optimal Workshop

Mockup 10

🚨 The Problem

80% of users abandon fitness apps within the first month.

Why?

  • Workouts feel too difficult or repetitive

  • Lack of motivation and progress visibility

  • No accountability or social reinforcement

  • Generic plans that don’t adapt to user lifestyle

mockuuups free iphone 15 pro hand mockup
FitLife Pro Apps

🎯 Problem Statement

How might we design a fitness experience that keeps users consistently engaged beyond 30 days by making workouts adaptive, rewarding, and socially accountable?

🧠 Design Thinking Approach

Key Insights from the User interviews and Survey

testimonial 3

Users want quick wins early

Testimonial img 1

Motivation drops when progress feels invisible

testimonial 2

Social accountability increases adherence by ~40%

testimonial 4

Overly intense workouts cause early churn

🧠 Competitor Analysis

  • Nike Training Club β†’ Workout & guided training
  • MyFitnessPal β†’ Nutrition & habit tracking
  • Strava β†’ Performance tracking & social fitness

Together, these represent the fragmented fitness ecosystem users currently navigate.

🧠 Competitor Analysis

πŸ” Key Insights

1. The Market is Fragmented

Users combine:

  • Workouts β†’ Nike Training Club
  • Nutrition β†’ MyFitnessPal
  • Tracking β†’ Strava

β†’ This creates friction + drop-off

2. No App Solves Motivation Holistically

  • NTC β†’ content-focused
  • MyFitnessPal β†’ tracking-focused
  • Strava β†’ performance-focused

πŸ‘‰ None focus deeply on habit formation + motivation

3. Retention is the Biggest Gap

  • Weak onboarding experiences
  • Lack of adaptive systems
  • No emotional engagement loop

4. Over-Complexity Drives Drop-Off

  • Too many features
  • Too much manual effort
  • Too much data

β†’ Leads to user burnout

🧭 UX Positioning Matrix

πŸ’‘ Strategic Opportunities for FitLife Pro

πŸš€ Unified Experience

πŸš€ Habit-First Design

πŸš€ Smart Personalization

πŸš€ Balanced Gamification

πŸš€ Social Accountability (Simplified)

πŸ‘₯ User Personas

πŸ§β€β™€οΈ Persona 1_ Linda β€” The Beginner Starter
πŸ§β€β™‚οΈ Persona 2_ David β€” The Busy Professional
πŸ§β€β™€οΈ Empathy map 3_ Sarah β€” The Social Motivator
πŸ§β€β™‚οΈ Empathy Map 4_ James β€” The Fitness Enthusiast

🧩 Empathy Maps

πŸ§β€β™€οΈ Empathy 1_ Linda β€” The Beginner Starter
πŸ§β€β™‚οΈ Empathy 2_ David β€” The Busy Professional
πŸ§β€β™€οΈ Empathy map 3_ Sarah β€” The Social Motivator
πŸ§β€β™‚οΈ Empathy Map 4_ James β€” The Fitness Enthusiast

πŸ—ΊοΈ User Journey Map

πŸ—ΊοΈ User Journey Map

Key Stages:

  • Onboarding
  • First Workout

  • 1st Week Usage

  • Motivation Drop (Critical Point)

  • Retention or Churn

Pain Points:

  • Confusing onboarding

  • No personalization

  • No visible progress

  • Lack of engagement loop

Opportunities:

  • Adaptive onboarding

  • Instant rewards

  • Social triggers

  • AI coaching nudges

🧭 Design Principles

  • Start Small, Win Fast

  • Make Progress Visible

  • Design for Habit Formation

  • Leverage Social Motivation

  • Personalization Over Generalization

🧱 Information Architecture (Sitemap)

🧭 Information Architecture

✨ Design Decisions (Core Features)

Adaptive Workout Plans

1. Adaptive Workout Plans

  • AI adjusts difficulty based on performance

  • Prevents burnout & boredom

Gamification System

2. Gamification System

  • XP points, streaks, badges

  • Daily goals β†’ instant gratification

Social Challenges

3. Social Challenges

  • Compete with friends

  • Weekly leaderboards

AI Coaching

4. AI Coaching

  • Personalized nudges

  • Smart reminders (β€œYou’re 1 workout away from a streak!”)

πŸ“± Key Screens

Home
HIIT Cardio Extreme
All Workouts
iPhone 16 32 1
iPhone 16 33 1
iPhone 16 34 1
iPhone 16 35 1
iPhone 16 25 1
iPhone 16 26 1
iPhone 16 36 1
iPhone 16 29 1
iPhone 16 30 1
iPhone 16 27 1
iPhone 16 28 1
iPhone 16 24 1

Prototype

Created interactive prototypes for key user journeys including: onboarding, first workout, 1st week usage, motivation drop (Critical Point), and retention

Mockup 6 1 1

πŸ§ͺ Usability Testing

Method

  • 8 participants

  • Task-based testing

  • Tools: Maze / Figma prototype

Key Tasks

  • Complete onboarding

  • Start a workout

  • Join a challenge

  • Track progress

FitLife Participant Analysis

πŸ” Key Findings

Users loved instant rewards

β†’ So we had to introduce micro-achievements

Social features increased engagement

β†’ Which boosted daily retention

Users get confused during onboarding

β†’ So we simplified to 4-step flow

Expected Outcomes

After implementation, the redesign aims to show strong improvements.

15% β†’ 63%

Patient portal usage increasing

40%

Administrative calls decreasing

4.6 / 5

Patient satisfaction improving

Reflection

This project reinforced the importance of designing healthcare experiences for accessibility and simplicity.

Key takeaways:

β€’ Progressive disclosure reduces cognitive load
β€’ Mobile-first design improves accessibility
β€’ Simplifying core tasks drives adoption

Interested in Working Together?

Let’s create something amazing for your users