ClassPass Redesign

Personal project | Mobile app | Case study

Rewiring the new ClassPass experience, a subscription based one-stop platform. Elevating customization for each user, efficiency and accessibility by offering an expansive array of workouts and wellness services tailored for all.

"THERE IS SO MUCH POTENTIAL, JUST LACKING EFFICIENCY."

Why redesign ClassPass? The exploration began with a deep dive into user pain points. Users face difficulty sorting through overwhelming array of content, facing difficulties in booking classes and coordinating classes with friends.

Breaking down component by component

Dissecting the mobile app what is working, what is not. Nitpicking the features on each page and action through the scheduling journey.

The challenges were visible. Honing in on key areas for improvement: non corresponding visual to content, the ineffective search bar and limited customization options, additionally, the lack of meaningful social interaction within the platform showed an opportunity to enhance user engagement.

Before we continue: Unifying the visual language

Not only the content and user journey lacked efficiency, the lack of visual consistency also played a significant role in affecting the overwhelming user experience. Which sparked a side project to revamp ClassPass's brand assets. This involved the color palette, iconography, and the creation of a design system ranging from text hierarchy to thumbnail shape and corner radius.

Because life is too short for complicated scheduling

I set out to implement solutions that would transform the ClassPass experience. First by introducing geotags labeled with corresponding numbers, streamlining the process of matching locations to classes or studios, enhancing user navigation.

Personalization is key for ClassPass. Updating the onboarding experience with more specific questions and inputs will curate a better experience tailored to each individual.

Condensing the homepage and customizing it to individual preferences, to create more focused and engaging experience for users. They can now quickly find relevant content that aligns with their interests.

Additionally, more specific filters empower users to personalize their search based on fitness level and preferences, fostering a sense of ownership over their fitness journey.

lastly inspiring confidence

The comprehensive progress tracking system allowing users to monitor their fitness journey seamlessly, tracking progress over time and integrating data from smartwatches and health devices. Also fostering a sense of community by enabling users to see the fitness activities of friends, family, and coworkers.

Thank you!

My Work

Fun Project | Coding | HTML & CSS | Javascript

You Want It? Come and Get It.

Exploring the concept of so close yet so far, does that make you feel uneasy that you can't reach it as it melts right in front of you?
Click here to enter the playground

Fun Project | Color Psychology | Branding | 3D

On The Inside

A fun side project showing how we view color, especially when it comes to products and brands. Experimenting with coca cola cans, what does each person see if they weren't just red?

Personal Project | Editorial | Design System

Local Nibbles

An educational calendar centered on Hong Kong's local bites is a way to explore the region's culinary heritage along with the nutritional value of each dish, providing a holistic understanding of the food culture and itsEach month features a different traditional dish, offering detailed information on its origins, preparation, and key ingredients, along with a breakdown of its macronutrients like carbohydrates, proteins, and fats.role in daily life. Each month features a different traditional dish, offering detailed information on its origins, preparation, and key ingredients, along with a breakdown of its macronutrients like carbohydrates, proteins, and fats.

Personal Project | Branding | Campaign | Visual System

NYC Recycle

Recycling can be challenging when access to recycling bins is limited and public awareness is low. This campaign aims to make recycling more straightforward by providing clear instructions on what can and cannot be recycled. It also helps the community locate the nearest recycling bins to encourage and facilitate proper recycling for a more sustainable environment.

Personal Project | Branding | Visual System

Sugar Factory Rebrand

Rebranding a sugar factory to focus more on the innovation of the dishes involves emphasizing the creative journey from farm to table, showcasing the evolution of classic desserts into modern, imaginative treats. The new brand story could highlight how unique dishes and inventive flavors can bring people together, fostering a sense of community and shared experiences. Through this rebrand, the factory can transform into a destination where tradition meets innovation, inspiring people to connect over delightful food experiences.

Personal Project | Interface design | Application

Pulse Motion

Pulse Motion is a revolutionary Apple Watch app that transforms fitness into an artistic experience. This unique app captures the beauty and precision of exercise by breaking down every motion into stunning visual, creating  striking representations of these motions, allowing you to see your workouts in a whole new light. With each movement captured as flowing lines, elegant curves, and dynamic shapes, you'll witness the beauty of fitness like never before.

Personal project | Mobile app | Case study

ClassPass Redesign

Rewiring the new ClassPass experience, a subscription based one-stop platform. Elevating customization for each user, efficiency and accessibility by offering an expansive array of workouts and wellness services tailored for all.

Current work | Web/UI interface

Upsun navigation dropdown

In the process of Platform.sh transitioning into Upsun lays an opportunity to make innovative changes. One being enhacning the user experience and streamlining navigation while simultaneously keeping Upsun's brand personality.

Personal project | Mobile app

HappyHearts

As we enter the digital era. It is easy for the young ones to immerse themselves with a personal device and with that journalling with a pen and paper may be tougher than it used to be. HappyHearts is an innovative tool designed to help little ones, who are fast learners of digital devices, log their daily journals with their personal device to track their progress over weeks or months of sessions. Simultaneously, therapists gain invaluable insights into their young clients' experiences, enabling them to assign activities, assess feelings and thoughts, and continually refine their approach for optimal outcomes.

Current work | Template | Case study

Upsun one pager template

The objective is to transition all PDF attachments to clients into a digital one pager. This strategic shift aims to streamline communication with clients by providing direct access to relevant resources through hyperlinks embedded within the webpage. To achieve this, Upsun plans to develop a distinct HTML template that diverts from the current webpage design, ensuring a fresh and engaging experience while also maintaining brand voice and identity.