Fitness Tracker UI.

Image

Client:

StreetMuse Fashion

Role:

UX Designer

Tools:

Figma, Maze, Google Analytics

Timeline:

Jan 2025 – Mar 2025

Platform:

Web & Mobile

Project Overview

With health and wellness apps booming, designing a fitness tracker UI means balancing motivation, clarity, and ease of use. This project focused on creating a visually engaging and intuitive interface for a fitness tracker app that helps users monitor workouts, set goals, and track progress seamlessly. The design needed to inspire users while providing quick access to essential stats and insights.

Goals

  • Create a motivating, visually appealing experience
  • Improve navigation for effortless workout logging and progress tracking
  • Personalize user experience based on fitness goals and habits
  • Add micro-interactions and positive feedback to boost engagement

Final Outcome

Audit & Research:

+22% increase in completed checkouts

-17% drop in bounce rate

Improved NPS from 6.5 to 8.2

UX Solutions

1. Dashboard Redesign

Developed a clean, at-a-glance dashboard showing daily steps, calories burned, workout summaries, and goal progress with clear visual indicators.

2. Intuitive Navigation

Streamlined app navigation with a bottom tab bar featuring main sections: Home, Workouts, Progress, and Profile. This made key actions accessible in just one tap.

3. Personalized Goal Setting

Integrated customizable goal setting with easy-to-understand progress bars and notifications that adapt based on user activity and preferences.

4. Motivational Micro-Interactions

Added subtle animations and congratulatory messages when users complete workouts or hit milestones — fostering a sense of achievement.

5. Consistent Visual Language

Applied a cohesive color palette and typography scheme that reflected energy and vitality, ensuring the app felt both professional and approachable.