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

 1. Discover

Background
 

SUNMEAL was inspired by a non-profit children's nutrition education program called "Chinese Heritage and Identity Through Food And Nutrition Program," which I co-founded with nutritionists. We have been running this program since August 2022. Our intention is to assist children and youth in enhancing their self-awareness, recognizing cultural diversity, and encouraging parents and families to incorporate nutrition knowledge into their daily lives.

While gathering materials from parents and children and developing the curriculum with nutritionists, I noticed that the US has one of the highest rates of obesity and related chronic diseases. Therefore, I aimed to address this problem and help people tackle it on a daily basis with a healthy, long-term impact. That's how the design of this app began.
 

IMG_6044.jpeg

CHALLENGE

Skill & Knowledge
Time
Varios Habits
Ingredients
  • Many families have misconceptions about nutrition and lack sufficient cooking skills.

  • Numerous families struggle with finding the time to plan and prepare meals.

  • Family members have varying dietary habits and requirements.

  • It can be difficult to access popular and well-known healthy ingredients.

GOAL

Habbit
Relieve
Culture
  • Family members have varying dietary habits and requirements.

  • Assisting in reducing childhood obesity rates in families by adjusting dietary practices.

  • 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.

  2. Put information in a simple and straightforward way to assist users to make decision. 

Before     |     After

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


Issue #3
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