Menutri

November 2018

This is a UI/UX Design Project in my university that I teamed up with 2 others to create a prototype for an app for healthy eating planning & delivery.

My contribution
  • UI/UX Design
  • User Research
  • Prototyping
Tools used
  • Illustrator
  • Adobe XD
  • After Effects

Features

Menutri is a mobile app that recommends healthy meals based on user personalizations and provides a tracking system of consumed energy and body status. Also, it comes with a food delivery service for those who do not have time to cook or cannot cook.

💪
Body status tracking & analytics
🍽
Healthy eating plan
🚴‍♂️
Food delivery

Working Demo

You can view the interactive demo video below to understand clearly how this app works.

User Research

Our team had done interviews and surveys with our friends, and moms and conducted 3 personas for our product with different ages, habits, and goals.

Tuan - Student

Tuan - Student

Age range

18-25

Focus

Gain weight and get a healthier diet.

Habit

Cook at home and order via apps.

Lan - Officer

Lan - Officer

Age range

26-35

Focus

Gain weight and get a healthier diet.

Habit

Loose weight and diversity in daily meals.

Huong - Housewife

Huong - Housewife

Age range

36-50

Focus

Healthy and nutritious meals for the family.

Habit

Cook at home.

With these personas, we know what and how we should focus on when designing this app.

User Flow

The chart below summarizes the flow of using this app, which begins with onboarding, login, personalization settings, meal plan, food delivery and body tracking.

Post Content Image

Branding

The branding is bold, young, and clean. The logo is simple, which is a combination of a fruit icon and "e". Also, it comes with a trendy illustration style to make the app more friendly.

Post Content Image
Logo
Post Content Image
Fun Illustrations

Personalize

To provide the best diet-meal recommendations, Menutri personalization section allows the user to add customizations based on body goals, religions, and eating habits.

The user can input their current height and weight.
Post Content Image
The religion-based food recommendation is available too.

Meal Planning

On the home screen, there is already a planned menu every day. If any dish in the menu is not appropriate, Menutri will recommend an alternative. The user can also drag the timeline to view their eating history and add what they had eaten outside the recommended menu.

Post Content Image
Homescreen - Recommended meal plan
Post Content Image
Meal selector - 3 methods: Recipe, Order, Input

Diet Tracking

Menutri also comes with a diet tracking system that helps track body status and suggests how to improve it.

Post Content Image
Diet tracking - Nutrient (Carbs, Fat, Protein)
Post Content Image
Diet tracking - Weight

Delivery

Of course, it comes with a built-in delivery service, where the service can get income.

Post Content Image
Post Content Image
Post Content Image
Post Content Image