Core by Chloe Ting
Helping the famous YouTuber build the fitness app
Enhanced user connection and engagement through design
Core is the official app by Chloe Ting, the leading fitness YouTube channel with over 3 BILLION views and 25 MILLION subscribers. It's an online platform for users to follow the new programs every month, and join team challenges with other community members. Our goal is to foster a motivated and more engaged experience for users when achieving their fitness goals.
Results
A delightful daily workout experience.
A supportive community to share and explore
Get access to new programs, join team challenges, and share your thoughts with the community to help you stay on track.
Dashboard: Data at a glance.
Understand your fitness progress and goals with intuitive data visualization.
Stay motivated. Celebrate every milestone.
Achieving fitness milestones is now more rewarding. Earn badges, unlock rewards, and stay motivated on your journey to your goals!
Health and delicious recipes.
Get daily updates to inspire your fitness meal options, complete with step-by-step instructions for a seamless cooking experience.
Daily schedule of workout videos.
Finish your fitness goal by completing the videos, then enjoy a well-deserved rest day. No need to return on your day off!
Chloe Ting is one of the most famous fitness YouTubers who has over 25 M subscribers. To meet the increasing needs of the audience, we decided to transform their digital experience from the web to a mobile app to keep pace with the increasing needs of fitness lovers. I worked as the product designer in the team to develop an app that would serve the needs of their existing users while attracting new users in the future.
As the only product designer on the team, I collaborated closely with the stakeholders and developers to create a user-friendly experience, launch a brand-new fitness and health app, and re-imagine their existing web experience. Over the course of 16 months, the team launched the "Core by Chloe Ting" app which has over 1 million downloads, a 4.9-star rating, and very positive feedback from its users.
This wasn't going to be a standard web-to-app transfer.
• A pile-up of current issues
Our current responsive web fail to provide the most engaging and seamless mobile experience to the audience. Also, the digital environment faced the following issues:
How can we echo users' pre-existing trust to build a reliable app that strengthens their connection with Chloe Ting?
We saw that our product had the potential to engage more users, in more meaningful ways. They wanted a comprehensive and engaging mobile experience to easily access her workout programs, track their progress, and foster a supportive community around their fitness journeys.
Clear, consistent, and visually appealing.
Supportive community and connection.
Clear communication and reliable performance.
Optimizing the daily workout flow
• Identifying the issues
To understand these complex use cases, I began by identifying the issues and simplifying the most typical user flow.
Some heuristic issues included potential user confusion, unclear feedback, and insufficient consideration of edge cases, all of which contributed to confusing interactions.
• Finding structure within the chaos.
As shown in the Figure below, the whole user flows into four different phases. I carefully considered numerous edge cases that were essential to streamline the workflow.
Most of the issues could be addressed directly with improved instruction and feedback. Additionally, usability issues are fixed to better cater to a general audience.
Auto-complete for 90% of users, with manual options for the remainder.
Provide clear guidance and improve the structure of the page.
Prioritize the primary workflow to reduce confusion and cognitive load.
Feedback to manage expectation and build anticipation — You did it!
Before
- Ensured that users followed the order and completed daily workout step by step.
- The toast notification lacks visibility and may not be noticed by users.
- Lacks flexibility — users with physical limitations may find it non-adjustable.
After
- The animation upon completion provides engaging and delightful feedback.
- Complete flexibility, with clear instructions and structure for easy navigation.
• Schedule Layout — A question of readability vs. scan-ability.
The first iteration aimed to enhance the perception of progression — align with users' natural reading habits. It uses a familiar list layout that helped reduce cognitive load, while emphasizing readability and sequence.
However, early internal feedback noted that it lacked guidance — the current task was not emphasized enough. After testing, we found users preferred the calendar view for easier scanning.
• Is there a way to automatically mark as complete, making it easy and intuitive?
Is there a way to provide clear feedback upon completion — even motivate users?
Celebrate every milestone in an engaging way!
• Toast notification vs. Animation.
The initial approach was focused on giving users clear feedback when they completed their daily workout. We explored multiple approaches and decided to create a more engaging and delightful experience.
Before
After
Consistent experience. Scaling made easy.
• Versatile and responsive.
I started from building components that were highly-crucial to the overall app experience, prioritizing readability, responsiveness, flexibility, and seamless performance across both iOS and Android Platforms.
I put a lot of emphasis on documenting design spec to ensure speed and consistency from concept to development and QA.
A sweat ending and huge success!
