ClassPass Redesign Case study
ClassPass Redesign Case study
Mobile app
Health & fitness
2024
Rewiring the new ClassPass experience — a subscription based, one-stop platform focusing on elevating customization, efficiency, and accessibility. It offers an expansive array of workouts and wellness services tailored for all. Why redesign ClassPass? The exploration began with a deep dive into user pain points.
Overview
Overview
Problem
Problem
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Solution
Solution
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.
Breaking down component by component
Breaking down component by component
Next step after research and user feedback: dissecting the mobile app what is working, how many steps it takes to schedule a class, can we simplify it?
Challenge 1: Visual inconsistencies
Challenge 1: Visual inconsistencies
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Challenge 2: Non-optimal filtering and uncorrelated tags
Challenge 2: Non-optimal filtering and uncorrelated tags
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Challenge 3: Lack of social engagement component
Challenge 3: Lack of social engagement component
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.
Competitive landscape: what are other fitness platforms doing?
Competitive landscape: what are other fitness platforms doing?
Competitive landscape: what are other fitness platforms doing?
Orangetheory and Barry's excel in providing structured, high-intensity workouts and fostering strong community engagement, while Strava stands out with its advanced activity tracking, social features, and user-friendly interface. Incorporating these strengths into ClassPass can address core issues by offering improved personalization, robust social engagement, and more efficient user flow.
Orangetheory and Barry's excel in providing structured, high-intensity workouts and fostering strong community engagement, while Strava stands out with its advanced activity tracking, social features, and user-friendly interface. Incorporating these strengths into ClassPass can address core issues by offering improved personalization, robust social engagement, and more efficient user flow.
Orangetheory and Barry's excel in providing structured, high-intensity workouts and fostering strong community engagement, while Strava stands out with its advanced activity tracking, social features, and user-friendly interface. Incorporating these strengths into ClassPass can address core issues by offering improved personalization, robust social engagement, and more efficient user flow.
Fine tuning the design identity
Fine tuning the design identity
Fine tuning the design identity
A cohesive and polished brand identity to bring out the main focus of ClassPass to inspire and motivate people by "connecting them to soul-nurturing experiences. This involves:
Establishing a concrete secondary palette, including refined gray tones for buttons and UI elements
Ensuring consistency in icons and illustrations across the product
A cohesive and polished brand identity to bring out the main focus of ClassPass to inspire and motivate people by "connecting them to soul-nurturing experiences. This involves:
Establishing a concrete secondary palette, including refined gray tones for buttons and UI elements
Ensuring consistency in icons and illustrations across the product
A cohesive and polished brand identity to bring out the main focus of ClassPass to inspire and motivate people by "connecting them to soul-nurturing experiences. This involves:
Establishing a concrete secondary palette, including refined gray tones for buttons and UI elements
Ensuring consistency in icons and illustrations across the product
A new and improved ClassPass design system
A new and improved ClassPass design system
A new and improved ClassPass design system
A comprehensive design system for ClassPass that ensures a cohesive and visually appealing user experience across all platforms, streamlining development and simplifying updates and scalability.
Take a look in more detail: ClassPass Design System
A comprehensive design system for ClassPass that ensures a cohesive and visually appealing user experience across all platforms, streamlining development and simplifying updates and scalability.
Take a look in more detail: ClassPass Design System
A comprehensive design system for ClassPass that ensures a cohesive and visually appealing user experience across all platforms, streamlining development and simplifying updates and scalability.
Take a look in more detail: ClassPass Design System
Let's start with the onboarding journey
Let's start with the onboarding journey
Let's start with the onboarding journey
With this seamless and personalized onboarding experience—with targeted questions about users' fitness interests and goals—ClassPass can refine its algorithm for better class recommendations.
With this seamless and personalized onboarding experience—with targeted questions about users' fitness interests and goals—ClassPass can refine its algorithm for better class recommendations.
With this seamless and personalized onboarding experience—with targeted questions about users' fitness interests and goals—ClassPass can refine its algorithm for better class recommendations.
Final product: crafting a data driven homepage
Final product: crafting a data driven homepage
Final product: crafting a data driven homepage
The new onboarding journey sets a solid foundation for users. The next step is enhancing the homepage by customizing it to individual preferences, creating a more targeted user experience.
The new onboarding journey sets a solid foundation for users. The next step is enhancing the homepage by customizing it to individual preferences, creating a more targeted user experience.
The new onboarding journey sets a solid foundation for users. The next step is enhancing the homepage by customizing it to individual preferences, creating a more targeted user experience.
Optimized search bar and new filters for faster scheduling
Optimized search bar and new filters for faster scheduling
Optimized search bar and new filters for faster scheduling
Optimizing search bar bug and expanding the range of filtering options, including intensity level of fitness and type of fitness activity. This empowers users to easily identify classes aligning to their abilities.
Optimizing search bar bug and expanding the range of filtering options, including intensity level of fitness and type of fitness activity. This empowers users to easily identify classes aligning to their abilities.
Optimizing search bar bug and expanding the range of filtering options, including intensity level of fitness and type of fitness activity. This empowers users to easily identify classes aligning to their abilities.
Find and book classes effortlessly with tags on the new interactive map
Find and book classes effortlessly with tags on the new interactive map
Find and book classes effortlessly with tags on the new interactive map
Correlating geotag numbers with content gives users a quick overview of each class. However, this introduces a new challenge: how to present summarized data efficiently without overwhelming users. To tackle this, I could explore features like layer control with toggles, clustering markers, custom icons, and more.
Correlating geotag numbers with content gives users a quick overview of each class. However, this introduces a new challenge: how to present summarized data efficiently without overwhelming users. To tackle this, I could explore features like layer control with toggles, clustering markers, custom icons, and more.
Correlating geotag numbers with content gives users a quick overview of each class. However, this introduces a new challenge: how to present summarized data efficiently without overwhelming users. To tackle this, I could explore features like layer control with toggles, clustering markers, custom icons, and more.
Track activities, invite friends and new interactive feed
Track activities, invite friends and new interactive feed
Track activities, invite friends and new interactive feed
Integrating social features — such as activity tracking with friends, easy class invitations, and a feed —boosts platform visibility, attracts new users, and strengthens brand loyalty.
Integrating social features — such as activity tracking with friends, easy class invitations, and a feed —boosts platform visibility, attracts new users, and strengthens brand loyalty.
Integrating social features — such as activity tracking with friends, easy class invitations, and a feed —boosts platform visibility, attracts new users, and strengthens brand loyalty.
The old vs the new
The old vs the new
The old vs the new
ClassPass's current challenges of visual inconsistencies, non-optimal filtering and search bar bugs, lack of personalization, complex onboarding and scheduling processes. Now with a cohesive design system, an optimal personalized onboarding journey, enhanced filtering options and improved search functionality. These solutions foster greater user engagement, retention, and satisfaction, ultimately driving business performance and growth while reinforcing ClassPass's competitive position in the fitness market.
ClassPass's current challenges of visual inconsistencies, non-optimal filtering and search bar bugs, lack of personalization, complex onboarding and scheduling processes. Now with a cohesive design system, an optimal personalized onboarding journey, enhanced filtering options and improved search functionality. These solutions foster greater user engagement, retention, and satisfaction, ultimately driving business performance and growth while reinforcing ClassPass's competitive position in the fitness market.
ClassPass's current challenges of visual inconsistencies, non-optimal filtering and search bar bugs, lack of personalization, complex onboarding and scheduling processes. Now with a cohesive design system, an optimal personalized onboarding journey, enhanced filtering options and improved search functionality. These solutions foster greater user engagement, retention, and satisfaction, ultimately driving business performance and growth while reinforcing ClassPass's competitive position in the fitness market.
Thank you!
Thank you!
Thank you!
Challenge 1: Visual inconsistencies
Challenge 1: Visual inconsistencies
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Non-optimal filtering, search bar bugs, lack of personalization, complex onboarding and scheduling processes, as well as visual inconsistencies and a limited social component, hinder seamless user experience.
Challenge 2: Non-optimal filtering and uncorrelated tags
Challenge 2: Non-optimal filtering and uncorrelated tags
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Improving the onboarding process, optimizing personalization within the dashboard and algorithm, implementing a brand refresh and new design system for consistency, and introducing an interactive social component for easier friend discovery, these enhancements address usability challenges effectively.
Challenge 3: Lack of social engagement component
Challenge 3: Lack of social engagement component
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.
Enhancing user engagement, retention, and satisfaction, leading to improved business performance and growth, and reinforcing ClassPass's competitive position in the fitness market.