Sport Class Booking Mobile App:
A UI/UX Design Case Study
In this case study, we will explore the design thinking process behind the creation of a Sport Class Booking Mobile App. This app aims to simplify the process of booking sport classes at various locations and times, facilitating a seamless user experience.
Industry
Sportech
Platform
Mobile app & Web
Duration
6 months
Challenge
Iceberg was approached by Yofitt, to design an app that would allow users to book classes at over 50 partner gyms in multiple moroccan cities. The challenge was to create an app that would address the pain points of gym-goers and provide them with a seamless and convenient booking experience
The process
To ensure that we met our client's objectives, Iceberg adopted a user-centered design approach. We followed a structured process that enabled us to understand the needs and pain points of our target users, ideate solutions, and prototype and test our designs. By prioritizing user experience, we were able to develop an app that is intuitive, visually appealing, and meets the requirements of both the client and end-users.
Empathize
- Stakeholders interview
- User interview
- User personas
Define
- Business Model Canvas
- Pain points
- User journey map
- Brainstorming session
Ideate
- User flow
- Sketches
- Feature ideas list
Prototype
- Low-fidelity wireframes
- High-fidelity mockups
Test
- Clickable prototype
- Usability testing
Empathize
To understand the pain points of gym-goers, Iceberg conducted extensive market research and user interviews. The goal was to gain a deep understanding of users' needs and empathize with their experiences.
User interviews
Question
What challenges have you encountered while managing your gym schedules and activities?
Answers
Sometimes it's difficult to find suitable classes that match my availability and preferences.
Question
Can you describe any specific instances where booking gym classes or finding new activities became frustrating or time-consuming?
Answers
I've had trouble juggling multiple gym memberships and finding new classes that align with my interests.
Question
How well do current gym-related apps address your needs and concerns? Are there any aspects you wish were different or more user-friendly?
Answers
Existing apps lack the variety and convenience I need for diverse workouts; they could be more intuitive and customizable.
Question
Have you ever felt limited by the options available when it comes to gym classes and fitness activities? If so, how?
Answers
Yes, I often find it hard to discover different activities that cater to my fitness goals within a single platform.
User Personas
Amin El Aroui
Gold Member
Age
35 years
Gener
Male
Occupation
Business Man
Gener
Casablanca
Behaviors
Committed to a healthy lifestyle, attending gym classes like strength training and cardio to challenge himself and improve his fitness.
Thoughts
Seeks a user-friendly app for convenient and efficient gym class bookings, allowing him to quickly find and book preferred classes hassle-free.
Feelings
Seeks an app for seamless gym class bookings, helping him stay organized and motivated without disruptions.
Motivations
Motivated to improve fitness and track progress, Gym-Goer Gold seeks an app for challenges and goal achievement.
Meryem Sarah
Prime Member
Age
35 years
Gener
Male
Occupation
Business Man
Gener
Casablanca
Behaviors
Fitness enthusiast who embraces new workout trends, enjoys gym socializing."
Thoughts
Desires an app with diverse gym classes, including niche options, and detailed class info like instructor credentials and reviews to make informed booking decisions based on her interests and fitness goals.
Feelings
Prioritizes community and engagement, seeking an app that fosters social sharing and motivation among fitness enthusiasts.
Motivations
Wants an app with variety in classes, comprehensive information, and a community-building feature to connect with other gym-goers and share fitness experiences.
Business Model Canvas
Define
We analyzed the gathered insights to pinpoint the problem areas and identify opportunities for improvement.
Pain Points
User Journey Map
Ideate
To generate ideas for the app's features and functionality, Iceberg brainstormed and collaborated with stakeholders and gym partners. Ideation was based on insights from the previous phases.
User Flow
Sketches
Feature Ideas List
Prototype
Iceberg created low- and high-fidelity prototypes of the app's user interface and experience to test and refine the design. Prototyping allowed for user feedback and improvements before moving on to development.
Medium-Fidelity Mockups
Design System
High-Fidelity Mockups
Based on the users' pain points, we have come up with the fetures listed below
Discover
The Discover page contains of the following elements:
- Card Layout: Use a clean and modern card layout with thumbnail images, tags, time, gyms, and classes for each item.
- Grid View: Arrange items in a visually appealing grid view with dynamic tags displayed above thumbnail images.
- Time-Based Filtering: Allow users to filter items based on time, using icons or labels.
- Map View: Incorporate a map view with pins representing items based on location.
Schedule
The Schedule page contains of the following elements:
- "Your Next Class" Box: Prominently display the user's next scheduled class.
- Filter Options: Include filters for "All," "Pending," "Refused," and "Available" classes.
- Scheduled Classes List: Display a clean list of scheduled classes, sorted based on the selected filter option.
- Class Details: Allow users to click/tap for more details.
- Time-Based Sorting: Optionally, include time-based sorting within each filter option.
User Profile
The User Profile page contains of the following elements:
- Personal Info Card: Display user's personal information and subscription status.
- Gym Partners: Highlight affiliated gyms or fitness centers.
- Share the App: Encourage users to share the app.
- Navigation: Include user-friendly menu or tabs for easy navigation.
Conclusion
Utilizing the design thinking process, we have effectively crafted the Yofitt Sport Class Booking Mobile App with a user-centric approach. This app streamlines the process of discovering and reserving classes, provides tailored suggestions, and empowers users to monitor their progress and accomplishments. This case study underscores the significance of empathizing with users, defining precise issues, generating innovative solutions, iterating on prototypes, and conducting thorough testing to establish an immersive and impactful user experience.
