8fit,
healthy lifestyle with ease

In November 2016, I joined 8fit, a fitness product that helps over 10 million people worldwide on their path to fitness. In the past year as a product designer at 8fit, I worked on redesigning the workout and meal plan experience, designing for growth, building our internal design system and more.

2016-2017 @8fit,
Visit the site
Background Image

The mission

Fitness in a more human way

Instead of focusing on losing weight, we aim to help people develop a lifestyle and make them learn how to love their body. It not only requires the design to function well but also empowering and delightful.

I started by creating a current map flow with hundreds of product screenshots, to better understand the product and see where the problem existed. I worked together with product managers on defining the roadmap and setting broader goals for the redesign. We dissected big pieces into small ones and prioritize what to tackle first. The goal is not only to improve on how things look but also reimaging how things flow by incorporating more user-focused touches.

Workout

Program store

One of the biggest user feedback is that besides full body training, they want more specific body parts program. Accordingly, we concepted to add new "Additional program" on top of what we have.

However, adding new programs brings up two major challenges, firstly, discovery content has the danger of getting users distracted and not being able to follow the assigned training program, end up achieving no fitness results. Secondly, more content means a deeper navigation, which is what we want to avoid, since the shorter we get users to start doing their workout, the better retention would be.

Background Image

After several user testing of the early on ideas, we realized what’s missing here is user’s goal, which lead to the final the design of a "daily goal" feature on top to provide clear guidance on what to do. It increases motivation, provides guidance, and also enables users to start their daily exercise right away by one tap.

Background Image

Workout

Interactive exercises

Working out with a phone isn't easy, and designing one is even harder. The interactive workout experience went through the most design cycles and iterations. I tried out many different layouts, interactions, and motions. I did rounds of contextual user testings with prototypes I built in Principle. I iterated on these prototypes until reaching a promising experience.

Background Image
Background Image
Background Image

Nutrition

Custom meal plans

I worked closely with our nutritionist on the new designs of the meal planner. I redesigned recipe detail, recipe book, meal onboarding and shopping list.

The biggest challenge of designing meal plan is personalization. It requires me to understand deeply how differently people eat, cook and shop, what's their personal motivation and struggles. Ongoing user interviews played a crucial role in the process. I listened to many of our users' dieting stories, which greatly helped me to come up with designs that leads to better support in their journey.

Background Image
Background Image
Background Image
Background Image

Horizontal

Buidling design system

I created a living style guide which included styles and reusable components that can be shared among designers and engineers. It helps us not only build the product faster, reduce the code, but most importantly achieve consistent user experience overall. I started with atoms, such as typeface, colors, iconography, extend to components, then to templates.

Blog Article Figure
Background Image
Background Image