top of page
Diaita
Screenshot 2022-12-21 at 8.45.28 PM.png

Overview

A health app that helps people eat healthy in a happy way.


It guides you to find out the most-fitted healthy diet for yourself.

​

Your mood matters to us.

Skills: App design, Persona study, User Research

Tools: Figma, Adobe Photoshop, Illustrator

 

Platform: iOS

 

project 1 mock up.png

Final product mockups

App Phrases

Log-in & Sign up

a18.png
a19.png
a20.png

Prepare

a5.png
a6.png
a2.png
a4.png
a1.png

In prepare page, users 

are easily to be directed 

to links and the monitor 

system. 

The search function provides

users information about the 

food they want to eat.

More details and suggestions

are shown.

In-process

a9.png
a7.png
a8.png
a10.png
a11.png
a12.png

In-process page has four

main functions on it.

Users are free to choose 

remain diet plan. The app

may show food comparison

to users.

Users can also choose

change diet plan. The 

list recommends low

calories healthy dishes.

Recording is very important

during weight-loss journey.

The app allows the users 

to record in multiple methods.

Result

a17.png
a16.png
a15.png
a14.png
a13.png

Users can check the effect

comparison in the result.

Sometimes, users may forget 

their data and exact statistics.

They can review the data by

clicking the review function.

They are free to change

their diet plans and cooking

methods here.

Background

Screenshot 2022-12-22 at 9.46.38 PM.png

Good food or Bad food?

Based on the pie chart, only a tiny percentage of people know how to distinguish "good" food or "bad" food.

Screenshot 2022-12-23 at 2.51.21 PM.png

How do bad emotions influence people?

According to the statistics from American Psychological Association, emotional changes affect people’s eating behavior during weight loss.

Screenshot 2022-12-22 at 9.52.52 PM.png

Aspects that current health software should improve

1. The way of recording food intake
is too boring and inconvenient.
2. It is hard for users to stick to eating healthy meals in a long term.

3. The reasons behind recommended diets are not clearly mentioned to many users.

How to be happy?

Screenshot 2022-12-23 at 2.55.50 PM.png

Research has found that people can not obtain long-term happiness by eating low-carbohy- drate food and low-fat food.


As long as people form a healthy eating pattern that helps them stick to it.

Screenshot 2022-12-23 at 2.58.11 PM.png

Persona

Screenshot 2022-12-24 at 7.23.34 PM.png

Chris

Male student

"Of course, it is hard to stick to losing weight, but I want to look good."

About

As a 22-year-old college student. He cares about having a good body image because he fears body shame

Chris's storyboard

Screenshot 2022-12-23 at 3.15.36 PM.png

Pain points

Goal and needs

Does not have time for cooking

Usually has meals at school

" I would like to learn more about nutritious knowledge and manage to drop a pattern of emotional eating "

Usually under pressure and has emotional eating

Screenshot 2022-12-24 at 7.23.47 PM.png

Jennifer

Female retiree

"Eating healthy is essential for older people. I want to do it in a happy way. "

About

As a 67 years old retiree. She has a fatty liver disease so she wants to change to a healthy diet to lose weight.

Jennifer’s storyboard

Pain points

Goal and needs

Barely knows nutrition health

Doesn't wish to eat food with bad tastes

Doesn't know how to improve current diets

"I would like to have healthy meals daily to lose weight. Moreover, I wish to study more about nutrition health. I want to keep the food with good taste. "

Ideation

Screenshot 2022-12-23 at 3.38.45 PM.png

Concept

After users log in the app, new users will have personal information recording process before actually entering in it. (Old users can skip this step). The app may have four main functions including prepare, in-process, result, and setting. They are designed and seperated based on three main stages during losing weight. Different small functions and suggestions are presentedon these pages.

User flow

Screenshot 2022-12-23 at 3.43.16 PM.png

Information Architecture

Screenshot 2022-12-23 at 3.45.37 PM.png

Wireframe

Prepare

w7.png
w4.png
w6.png
w5.png
w3.png

In-process

w13.png
w12.png
w9.png
w10.png
w11.png
w8.png

Result

w22.png
w23.png
w20.png
w14.png
w267.png
w25.png

UI

Screenshot 2022-12-23 at 4.08.51 PM.png
Screenshot 2022-12-23 at 4.09.36 PM.png
Screenshot 2022-12-23 at 4.12.31 PM.png
bottom of page