Skip links

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.

Let's Talk

You have a project in mind? Drop us a line! We Respond within 24hours

Explore
Drag