Overview
nHance, by InnoWear, is an IoT fitness app that tracks, analyzes and recommends daily meals and exercise based on users' body conditions. It was designed from the user flow, wireframe, to the high fidelity Figma prototype. Usability tests were conducted to validate the user experience and interface.
The project was a collaboration between InnoWear and the Xccelerate Team of me, Edyth Wong and Amanda Leung.
Duration:
3.5 weeks (Jan - Feb, 2022)
DESIGN BRIEF
nHance is developed by first identifying the problems and then producing the app to solve them.
There are several apps covering different aspects of wellness. Users use a variety of apps for different purposes, such as exercise measures, calorie recommendations, and food purchases. However, no data is integrated into the apps.
Therefore, we resolve issues with the mobile app, nHance.
The app is including 4 main features, including
1. Health data measurement
2. Fitness and wellness recommendation
3. In-app nutrition consultation
4. In-app food purchase
1. Health data measurement
2. Fitness and wellness recommendation
3. In-app nutrition consultation
4. In-app food purchase
and developed in 4 sections,
1. Health data
2. Mental wellness
3. Exercise
4. Meals
1. Health data
2. Mental wellness
3. Exercise
4. Meals
In addition to identifying the problems and solutions, we will conduct UX research, design the user flow and interface for the app.
DESIGN PROCESS
Design process will be developed in 5 stages
Initial Observation
Our team have studied the design blueprint of nHance provided by InnoWear to generate insights and pain points for developing the sitemap and user flow.
Design blueprint of nHance, See more at Miro Design Board
Analysis Method
Insights, Problem Statements and HMWqs, See more at Miro Design Board
Site Map
Site map is divided into 4 sections mentioned at Design Brief which are Home, Mental Wellness, Workout and Meals.
Sit Map of nHance, See more at Miro Design Board
User Flow
User flow is empathising users consideration and actions while using the nHance app.
User Flow of nHance, See more at Miro Design Board
Wireframe
Wireframes have been developed in three versions through rounds of interviews, usability tests, site maps, and user flows.
Wireframe Version 1
Wireframe Version 2
Wireframe Version 3
See the details at Miro Design Board
Persona and User Journey Map
3 Persona and user journey maps are generate after interviews and usability tests based on wireframe.
Persona of Beginners
User Journey Map of Beginners
Persona of Amateur
User Journey Map of Amateur
Persona of Fitness Fanatic
User Journey Map of Fitness Fanatic
See the details at Miro Design Board
High fidelity Prototype
Featured Tool:
