top of page
MacBook Pro 16_ - 1_3x.jpg
banner2-web-.gif

Overview

Effectively addressing the dietary balance issue in families with underage members that aligns with the pace of modern life.

Project Scope

 Self- directed End-to-end project with feedback from mentor

My Role

UX Designer (Research, Visual Design, Prototype, User Testing)

Time Frame

Aug. 2023 - Nov. 2023

Tools

Figma, Adobe Illustrator, Miro

CHALLENGE

Skill & Knowledge
Many families have misconceptions about nutrition and lack sufficient cooking skills.
Time
Numerous families struggle with finding the time to plan and prepare meals.
Varios Habits
Family members have varying dietary habits and requirements.
Ingredients
It can be difficult to access popular and well-known healthy ingredients.

GOAL

Habbit
Family members have varying dietary habits and requirements.
Relieve
Assisting in reducing childhood obesity rates in families by adjusting dietary practices.
Culture
Promoting family harmony and cultural transmission through dietary choices.
Slide-16_9---4chart.gif
challenege.jpg

SITEMAP

DESIGN

Flow 1 - Landing

flow1-web.gif

Flow 2 - Look up recipes & Add to shopping list

flow2.gif

Flow 3 - Generate recipes

MacBook-Pro-16_---6.gif
flow3.gif
Research
prsentation_Page_10.jpg

High Fidelity

Click to Show Demo

Flow 1 - Landing Process

  • User Learn about the concept of the apps.

  • Input their profile to obtain customized contents
     

Click to Show Demo

Flow 2 - Explore Recipes


• Variety of Recipes

• Customized Recommendation

• Diverse Filter

• Sorting

• Nutrition Information

• Shop List
 
• Online Shopping

Define
Click to Show Demo

Flow 3 - Generate Meal Plan


• Flexible date& meal

• Pre-saved profile

• Nutrition information

• Summary

Test

2 Round of Tests    |    8 Participants in totals

Before     |     After

13 Pro - 2.jpg
13 Pro - 12.jpg


Issue #1
Users do not recognize this app as a healthy eating guide for the entire family.



Summary:

  1. Emphasize family healthy eating on the landing page and home page.

  2. Offer push of one-click meal plans created by others according to different diet habits.

Before     |     After

Frame 148.jpg
Frame 148 2.jpg


Issue #2
Information prioritization & visualization 

Summary:

  1. Understood the content-level needs of users and optimized the visual effects.

Before     |     After

 13 Pro - 54.jpg
 13 Pro - 55.jpg


Issue #2
Information confirmation 

Summary:

  1. Confirm and clarify information with users to let them feel things are under control.

  2. Remind users again everything is customizable.

If I have more time

• Interviewing teenager to learn about their aspect of childhood obesity
• Incorporate physical excerises in the app to offer users with a more comprehensive experience.

Click to View More Projects
bottom of page