Designing a new feature for Classpass Mobile App
Role
UX Researcher, UX/UI Designer
Duration
4 weeks
Tool
Figma
Overview
ClassPass is a fitness and wellness membership that provides users with access to thousands of fitness studios, gyms, salons and spas around the globe. With 66,000+ businesses across 29 countries, ClassPass is home to the world’s largest collection of classes and appointments
Upon signing up for a ClassPass membership, you receive an amount of credits each month to book classes and appointments like boxing, yoga, manicures, facials and more!
Define
Problems Identified
Ineffective Search Organization: Users currently face challenges in finding specific activities and locations due to inadequate search and filter options. This makes it difficult to narrow down choices based on personal preferences and needs.
Limited Booking Functionality: The app lacks the ability to book reservations directly for specific dates, which could be a significant barrier for users planning their fitness schedules.
Inefficient Reservation Organization: The current system for organizing users' booked reservations is suboptimal, leading to potential confusion and difficulty in managing upcoming fitness activities.
Proposed Solutions
Enhanced Search and Filter Options:
Filter Button Implementation: Introduce a comprehensive filter button that allows users to refine their search based on various criteria such as location, type of activity, time slots, and favorite studios. This will streamline the process of finding suitable classes and facilities.
Direct Booking Functionality:
Date-Specific Booking: Integrate a feature that enables users to book reservations directly for specific dates. This will facilitate better planning and increase the likelihood of users completing their bookings.
Improved Reservation Organization:
Dashboard Redesign: Redesign the user dashboard to present booked reservations in a more organized and intuitive format. This could include a clear timeline view or a consolidated list with filter options for easy management
Research
Competitive Analysis
Survey
Membership
According to the survey, the majority of users book more than three classes each week. Four respondents attend three to four classes weekly, while two book five or more classes. Only one person attends one to two classes per week. This indicates that most ClassPass members utilize their membership frequently and consistently.
With wellness apps gaining popularity due to their budget-friendly and flexible scheduling, we conducted a competitive analysis for ClassPass to compare it with similar apps in the market. By analyzing apps such as Mindbody, FitReserve, and Gympass, we gained insights into their strengths and weaknesses. This helped identify areas where ClassPass can enhance its offerings to stay competitive and continue to attract and retain users.
Understanding the target audience and their challenges was a key priority. I created an online survey using Google Forms and distributed it across various communities. Within just a few days, I gathered nine responses. From these, I identified common pain points.
How many times per week do you book a reservation?
In three words, describe how you feel navigating ClassPass Mobile App
What feature of ClassPass do you favor the most?
What feature of ClassPass do you favor least?
What are your biggest challenges when booking a reservation in ClassPass?
Survey Key Points
The survey helped uncover three key points:
Advantages
Based on the survey responses, it’s clear that users of ClassPass particularly favor the ability to search for classes based on their preferred studios and save their favorite gyms. The flexibility of accessing multiple gyms and the option to attend different studios also rank high among users. Additionally, features like the referral program and notifications for classes further enhance the overall experience, making it easier for members to stay connected with their favorite fitness options.
Challenges
Many users highlighted their dissatisfaction with the inability to book reservations on certain days and expressed challenges in viewing their upcoming classes. The lack of a waitlist option was a common complaint, as it prevents users from automatically securing spots when they open up. Additionally, popular classes often fill up quickly, making it hard for users to get into their preferred sessions. Overall, the limitations in booking flexibility and visibility of scheduled classes are major pain points for the majority of respondents.
Analyze & Plan
Personas
Personas, representing two different ClassPass users, are valuable in creating sketches and prototypes for redesigning and adding features to the mobile app, as they help tailor the design to real user needs, preferences, and challenges, ensuring a more user-centered and effective solution.
Problems Identified
Ineffective Search Organization:
Users currently face challenges in finding specific activities and locations due to inadequate search and filter options. This makes it difficult to narrow down choices based on personal preferences and needs.
Limited Booking Functionality:
The app lacks the ability to book reservations directly for specific dates, which could be a significant barrier for users planning their fitness schedules.
Inefficient Reservation Organization:
The current system for organizing users' booked reservations is suboptimal, leading to potential confusion and difficulty in managing upcoming fitness activities.
Proposed Solutions
Enhanced Search and Filter Options:
Filter Button Implementation: Introduce a comprehensive filter button that allows users to refine their search based on various criteria such as location, type of activity, time slots, and favorite studios. This will streamline the process of finding suitable classes and facilities.
Direct Booking Functionality:
Date-Specific Booking: Integrate a feature that enables users to book reservations directly for specific dates. This will facilitate better planning and increase the likelihood of users completing their bookings.
Improved Reservation Organization:
Dashboard Redesign: Redesign the user dashboard to present booked reservations in a more organized and intuitive format. This could include a clear timeline view or a consolidated list with filter options for easy management.
Design
Low-Fidelity Wireframes
When adding a feature to an already established app, I began by taking screenshots of the mobile app's user interface and identifying the areas that users found challenging or needed improvement. By visually analyzing these problem areas, I was able to pinpoint specific features that required fixing. From there, I made adjustments and additions to the design, focusing on areas that needed the most change, before moving on to develop a high-fidelity wireframe that incorporated these improvements. This approach ensured that the redesign addressed user concerns effectively while maintaining the app's overall usability.
High-Fidelity Wireframes
I converted all the screenshots into frames within Figma, using them as a foundation to redesign and enhance the ClassPass app. By analyzing user feedback, I added features aimed at improving usability and addressing the problems users encountered. Throughout the process, I ensured that the new features blended seamlessly with the existing ClassPass interface, keeping the original design and theme intact. My focus was on creating a cohesive user experience where the added elements flowed naturally within the app, making it more user-friendly without disrupting its familiar aesthetic and functionality.
