Google Nest Fit
Instill confidence in home fitness

THE MISSION
The project addresses issues of:
- User Disengagement
- Unintuitive Feedback
- Lack of Community
in home fitness during COVID lockdown.
(Academic project developed in Google design language)
THE IMPACT
Redefine home fitness to enhance user engagement, feedback efficiency, and workout routines.
5 out of 5 test users affirming its engaging experience.
MY ROLE
Sole UX Designer
Product strategy formulation, user research, developing UX, wireframe, User interface and prototyping, illustration, usability testing.
The Challenges
Exercisers cannot effectively work out at home during lockdown.
.jpg)
Low performance
The fitness screen is not too different from a large TV playing YouTube videos.
.jpg)
Lack feedback
The posture feedback is on human illustration, which isn't intuitive.
.jpg)
Low variety
Most fitness gear is for a single workout like dumbbells, bicycle or string.
Competitor analysis
Disconnection from peers and coaches leads to decreased motivation.

Tonal
- No posture feedback.
- No community or way to connect workout friends.

Tempo
- No posture feedback.
- No community or way to connect workout friends.

Mirror
- No posture feedback.
- Work out with a pool of strangers represneted by names.
Research objective
Discover target users' preferences and identify challenges in sustaining a fitness routine.
Insights - Quatitative research based on 2000 responses
"People are more motivated by a fitness influence"
1. One third engage in low-impact exercise.
2. Weight loss is a primary workout motivator.
3. Half of interviwers prefer working out with 1-2 friends.
4. Barriers to keep a routine are lack of enjoyment and motivation.

Source: Mintel market report on Home Fitness (2021)
Insights - Qualitative research based on 5 interviews
"User frustration due to lack of instruction, motivation and training history data."
1. Users are driven by accomplishment, mental health improvement, and physical changes.
2. Heart rate and immediate fat burn report can help prevent injuries, replenish stamina, and boost user involvement.

Insights - Personas
"Beginners crave variety then specificity.
Pros demand tailored systems for their unique needs."

Persona created based on 5 interviewee's profiles
Introduce Google Nest Fit
My design goal is to create a user-friendly, modern interface that caters to both fitness novices and Pro-trainers, enabling quick information access and personalization for efficiency. To ensure a vibrant and contemporary style, I also crafted unique illustrations.
Design in Figma and animated in AfterEffect.

.gif)
Onboarding
Select a mode. Then the system retrieves the prior onboarded profile or request new user’s Google account information in order to proceed.
.gif)
Start training
To join a training, clicking into a fitness influencer's profile or an activity category. User may review the duration, calories burned, and visual course preview before joining the exercise.
.gif)
Immersive training
During the workout, the user may see his/her progress, posture correction instructions, current intensity, and invite up to 3 others to join the workout.
.gif)
Customize health data
The configurable health data panel allows user to see only the training data he/she needs.
UX Design Process

Insights - Wireframing
"I want the home page to show only a few of my preferred exercises, chosen based on exercises I've done over time."
1. Users want a quick search function.
2. Difficult to locate the fitness schedule under the PLAN page.
3. Appreciate customizable health data.


Interface Design
After studying Material Design, I extract the color scheme, and font style, as well as designed the Nest Fit logo to fit within the Google property.

Mid-fi to High-fi Prototype
I developed over 30 mid-fidelity prototype screens to depict the interface layout, screen flow, and functionality. For the high-fidelity prototype, I used a light, active visual language to engage users and immerse them in fitness, while maintaining a neutral tone for beginners. I also incorporated Google GUI elements to strengthen visual brand identity.


Context Animation
My role: scripted and created the UI animation in Adobe AfterEffect.
Teammate Son Hoang: created the context animation in Blender.
What I learned - My first time creating user interface animation
I learned to manage animation components effectively, and enhancing my understanding of the transitional dynamics among pages.