Nouri.
Plan. Prep. Nourish.
Nouri.
Plan. Prep. Nourish.
UI / UX Design · Self-directed project
Nouri. simplifies the process of meal prepping and makes healthy eating feel effortless.
Fuel your week with meals planned in advance, generated grocery lists, and nutritional recipe suggestions.
PROJECT
UI / UX Design
TIMELINE
2025
ROLE
End-to-end UX & UI
CONTEXT
Self-directed (UIUC)
The Process
TimelineProblem Statement
With Nouri. we are addressing the challenge of maintaining a healthy diet and consistent meal prepping, which has a significant impact on college students and young working adults aged 18–30. The importance of solving this problem lies in minimizing the barriers around potential users' dietary restrictions, time constraints, and lack of cooking and meal-planning knowledge.
CREATE…
a user-friendly solution that streamlines meal planning, creates grocery lists, and surfaces nutritional recipes — all to make healthy eating more accessible.
EMPOWER…
users to develop healthy eating habits, increasing quality of life and creating an all-round balanced lifestyle.
EQUIP…
users to value their nutrition in an efficient and intuitive way.
UX Research
Guiding Question
How might we design a user-friendly approach to provide a simple solution to easy meal planning and maintaining a healthy diet to support college students and young adults in their busy and unpredictable schedules?
Quantitative Research
Qualitative Research
Findings
Pain Points
users have when trying to maintain a balanced diet and meal-prepping
Barriers
in the way of consistent meal planning + prepping
Demographics
of users' in relation to their views on meal planning + prepping (student, parent, commuter, etc.)
Expectations
when choosing and following recipes (dietary restrictions, small portions, etc.)
User Persona
Audrey Harrison
21 · third-year student · Major: Finance · UIUC
“Grocery shopping is so stressful because why do I feel the need to buy so many different things? Do I need this, and do I also need that? Is it worth the cost?”
Background
Audrey is a junior at the U of I on a health journey toward eating cleaner and prioritizing a healthy lifestyle. She recently landed a summer internship in Chicago — a 9-to-5 for three months — so she wants to form good cooking and eating habits while still on campus.
Goals
- eating more nutritious meals
- having more home-cooked meals
- developing good eating habits for corporate life in Chicago
Challenges
- time to make a grocery list
- having groceries last through the week
- little time to make all meals
- finding recipes that fit her dietary restrictions
Pain Points
- runs out of dish ideas
- allergic to gluten and shellfish — limits recipes
- hard to buy the right amount before expiration
- overbuys when overwhelmed by options
Needs
- lasting groceries
- healthy + creative recipes (accommodating allergies)
- a schedule to cook against
Desires
- grocery list generator
- meal-prep + cooking planner with healthy recipe selection
- beginner- and time-conscious-friendly meal prep
Behaviors
Information Architecture
Design System
Nouri. uses the Inter typeface for its exceptional readability and minimalism. Its various font weights and modern style align with Nouri’s mission to make healthy eating easy and accessible. Its vibrant blue, green, and red colour palette is designed to inspire a sense of freshness and positivity, creating a welcoming and motivational user experience throughout the app.
Colour Palette — Design Tokens
Typeface & Components
Light / Regular / Medium / Bold
Heading 1
Heading 2
Normal Text
Captions
Icons
Buttons
Logo System
Nouri.
Nouri.
Plan. Prep. Nourish.
Concept Sketches
Fidelity Progression — the calendar screen, sketch to mid-fi
Hi-Fidelity Prototypes
Hi-fi Prototype
App Screens Showcase
Users struggle to visualize and plan meals in advance, leading to frustration and disorganization associated with healthy eating + cooking.
Centralized calendar allowing users to plan, track, and manage meals in an organized and consistent manner, simplifying meal planning and cooking.
Users struggle to visualize and plan meals in advance, leading to frustration and disorganization associated with healthy eating + cooking.
Centralized calendar allowing users to plan, track, and manage meals in an organized and consistent manner, simplifying meal planning and cooking.
Day/Week Toggle to switch between focused and broader view
Easily add a meal to the plan
Flexible meal times supporting snacks, etc.
Color coded meals to easily distinguish between different meals
Oftentimes, users lack access to key information like nutrition facts and meal prep time, making it more difficult to stay on track with health goals and manage cooking within their busy schedules.
Users are given key details to make informed choices, equipping them to build healthier habits and work towards their health goals with clarity and mindful planning.
Full meal overview: nutrition facts, prep time, serving size, and ingredients
Color coding allows for further customization of calendar
Meal scheduling flexibility
Users run out of dish ideas and waste time searching for recipes that need to fit their preferences, adding more stress and leading to unhealthy takeout meals.
Recipe library with diverse selection to choose from and follow, allowing users to easily fulfill their nutritional goals and requirements.
Search and sort recipes by dietary preferences
Save meals to Favorites folder and access MyMeals for personal recipes
Serving size and dietary tags
Time-consuming and tedious work to create grocery-lists by hand. This influences users to not make one, making it easy to forget ingredients and overspend, leading to food waste and more frustration.
Automatically generated grocery lists based on meals inputted into calendar plan. Allows user to shop efficiently and stress-free.
Manually add items to each category as needed
Create custom grocery lists for more flexibility and control
View recent and past grocery lists
Plan. Prep. Nourish.
Nouri.
Nouri. simplifies the process of meal prepping and makes healthy eating feel effortless.