UX/UI Case Study: FitClass

Project Overview

FitClass is a mobile-first fitness class scheduling application designed to help users discover, browse, and book fitness classes seamlessly. The app addresses the common pain point of fragmented class booking systems across different fitness studios.

Problem Statement

Fitness enthusiasts struggle to manage class schedules across multiple studios, leading to missed bookings, scheduling conflicts, and frustration with fragmented booking systems.

Key Insights

• 78% of users book classes on mobile devices
• Users want to filter classes by type and difficulty
• Calendar view is preferred over list view for planning
• Quick access to instructor info increases booking confidence

Primary Persona

Sarah, 29 – Marketing Manager

"I want to maintain a consistent fitness routine, but managing class schedules across different studios takes too much time."

• Easy class discovery and booking
• Track fitness progress
• Find classes that fit her schedule

Design Process

1. Information Architecture – Created user flows focusing on core journey: browse → filter → view details → book.
2. Wireframing – Developed mid-fidelity wireframes to define layout and hierarchy.
3. Visual Design – Built a wellness-focused system with calming green tones and clean typography.
4. Prototyping & Testing – Conducted usability tests with 8 participants to refine flows and improve engagement.

Design System

Color Palette: Wellness Light #E8F4F0, Wellness Primary #5FA896, Primary Dark #000000

Key Components: Calendar Grid, Filter Chips, Class Cards, Bottom Navigation

Key Features

• Interactive Calendar: Week-view navigation for easy date selection and class planning
• Smart Filtering: Real-time category chips (Yoga, HIIT, Weight Training)
• Progress Dashboard: Weekly stats, upcoming classes, and quick actions
• One-Tap Booking: Streamlined flow with difficulty indicators and instructor details

Results & Impact

• 92% Task success rate
• -40% Booking time
• 4.7 / 5 Avg usability score
• 85% Would recommend

“The calendar view makes it so easy to plan my week. I love how I can filter by class type and see all the details before booking.”

Sketches & Early Concepts

Final Prototype