Nutrition App Design

UX / UI
Interaction Design
Prototyping
Store your favorite recipes and access personalized nutritional insights.

As someone who lacks culinary expertise and stumbled upon a nutritionist’s TikTok account, I wondered why there wasn’t a way to track how balanced my routine meals are.

January 2024

I created this in “Laws of UX” at the University of Michigan School of Information as an individual design project.

How can I present clear nutritional information for familiar recipes and ingredients, allowing users to make informed meal decisions?

Users struggle to understand the nutritional value of ingredients and meals they love, leading to unbalanced food choices. I am hoping to make it easier to improve the healthiness of meals we already love with the help of personalized nutritional insights.

Style Guide

Browse Community Recipes

Find something new to try.
With filters and the ability to search, users can easily find recipes that suit their nutritional needs, cooking abilities, and schedules.

Create Your Own Recipes

Add your favorites, keep what’s familiar.
We love what we already know, so it’s important to be able to add the recipes we already make on a regular basis, and be able to adjust ingredients.

Save Recipes & Ingredients

Store everything in one place.
Easily access the recipes and ingredients you revisit the most. Come back later to try something new.

Nutritional Insights

What’s in your meal?
Recipes and ingredients both provide breakdowns of healthy fats, carbohydrates, fiber, protein, and other vitamins and minerals. A pie chart gives a visual representation of these ratios.

Receive Suggestions

How can we balance this meal?
This app helps users balance their nutrients by providing suggestion of ingredients to add and what nutrient they contribute. Similar recipes are also suggested when browsing.

Final Designs!

What I Learned

As my first design project completed without a teammate, I became very comfortable with confidently making design decisions and setting up a design system.

This project taught me the fundamentals of Figma and acclimated me to local styles, assets, and interactions.

Giftaway: Sustainable Sharing App

Indiana Neighborhood Website Design