top of page
Health Fit
App Design
_edited.png)
Problem Statement
People in Hong Kong are busy and don't have enough time to eat their diet, and even eat some drunk food which directly effect their health. People want to eat healthier, but so often find it's difficult to eat healthier and don't know what kcals they have eaten on their diets.
Background
A tool that allows users to scan food's calories and provides a healthy diet for busy people.
Why?
With the increased prevalence of working from home, more and more people are eating 3 meals a day almost daily. With this new routine, they eat more at home with the goal of eating healthy. Nevertheless, they are finding it difficult to eat healthier on the right ways.
Business opportunities
This app would be the perfect tool to accompany local health diets companies to provide healthy lunches and dinners for customers.
Background
First, I surveyed 50 people who care about their weight and actively trying to eat healthier.
.png)
78%
Have a goal of eating more fresh and healthy food
76%
Do gym or exercise regularly
.png)
I ask question about :
Their health goals and challenges
Their feelings about an app facilitating those experiences
Their meal planning, eating, gymming routines
Insights
People are always busy and ignore their diet by eating fast food
Most people would like to gymming regularly to keep fit
About half of people don't know how to eat healthier
Most people don't know how much calories they eat daily
About half of people hope to eat healthier and maintain a healthier daily life
Empathy Map
Goals & Constraints
Eat more healthy food
Live a healthier lifestyle owing to feel good
Maintain a healthy weight
Have a busy lifestyle, and so don't have time to maintain healthy
Say, Think & Feel
Feel guilty for eating so many fast food
''How do I know how much calories I ate?''
''I wonder what can I do to keep fit and eat healthier?''
''I wonder how much longer this will last?''
Only drink a few water in one day
See
Frustration
Full of fast food in a diet
Don't do any exercise everyday
Hear
Task & Actions
Phone alerts you that you should drink more water
Friends hanging out in the living room
Partner asking what's for dinner
Family call for eating dinner outside
Scan food
Eat healthy diet
Drink more water everyday
Select healthy diet on the app
Spending too much money on eating junk food
After delivering the diet, which become not fresh
Eating the same thing everyday in order not to waste leftovers
Spending too much time to select health food
Distractions
Work
Phone call
Emails
Easy (fast) foods
TV, YouTube, social media
Motivations
Having energy
Mental and physical health
Consistency & Routine
Physical fitness
Family & friends's impact
User Flow
Log-in
Sign up
Onboarding
Splash screen
Home
(without diet)
Progress
Profile
Shopping path
Profile
Summary
Payment
Home
Scanner
Menu
Progress
Profile
Meal
management
Meal
menu
Scan
food
Total
management
Save and
back to home
Drinks
Weight
Footsteps
Diet
User data
My shopping
cart
My fitcoins
My receipt
My payment
Choose
diets
.png)
Key App Feature
Strategy &
Implemented
Design Solutions
Retention is the key. I implemented features in the user interface that clients would be compelled to engage with, and in turn, their loyalty towards Healthy Fit would grow stronger.
_gif.gif)
Dark mode
_gif.gif)
Scanner to scan your diet
Design System & Wireframe
_edited.jpg)
Typography
Colors
# FFC657
# ECECEC
# FF6161
# A09E9E
# 1976D2
# FF9090
# FFE2AB
# 78B9EB
# 000000
Log- in/Sign up
I design the onboarding process with a focus on the personalization
Onboarding
Each of us is different and each of us wants a tailored experience. So I designed in-app onboarding with this principle in mind. Allowing the users to tailor a diet to their preferences. Each step of the onboarding process was important for us to predict the user's calorific value and the time needed to achieve their dream weight.
Menu
When designing the menu, I focused on a few key elements. Quality photos, and easy access to meal details. The main feature is switching dates, users can see what their menu will look like in a few days. They can change meals when they want.
Redefine the way users use their menu screen
Choosing meals
Choosing meals by photos
.webp)
.webp)
.webp)
Scanner to carolies of your diet
When designing the 'Carolies scanner', I focused on a few key elements. The accuracy and speediness of the scanner. Owing to scan different kinds of food, and then quickly showcase the total calories of the food. Thus, users can know the nutrition and calories of their diets.
Health Monitor
Weightloss analysis at your fingertips
Weight analysis and health monitor based on real data
To further increase user loyalty and retention, we focused on in-app functionalities such as weight analysis, and health monitoring. Our goal was to enhance user engagement and enable them to track weight loss.
30 different diets in our offer
Edit the day, change address, modify diet all in one screen
I design a flawless, intuitive, and user-friendly workflow for diet modification. It allowed users to make simple changes to their diets and delivery details with just a few clicks. Change address, diet type, stop diet, resume diet, in just 3 clicks.
Diet management
Shopping path
_gif.gif)
I designed a diet ordering system with the speed in mind
Since I hope to deliver an ordering process that is as fast as 30 seconds to complete an order. The goal was to enable users to buy a diet with just 5 clicks. I make sure to get rid of all unnecessary buttons and elements. The conversion rate is the biggest priority
.png)
.png)
.png)
.png)
Thanks for watching
If you like my work, feel free to contact me!
Other Art Work
_edited.jpg)
-06.png)
.png)
bottom of page