Comparison screen of the Nutri app prototype
Nutrition is intimidating to me, and I found out it is for a lot of other people too. So it was time for a solution.
jump to:
phase 1://researchphase 2://organization and lo-fiphase 3://styling, hi-fi and interactive prototypephase 4://summary

phase 1://research

Let’s start with the problem: Lack of implementing design based on habitual learning
• Common Link: people are habitual.
• Most nutrition apps are easy to understand.
• How can we make a nutrition app that easily understands its users?
Next step?
User Interviews.
I interviewed 3 people:
1. University Student
2. Newly-graduated Nurse
3. Middle-aged Life Coach
To condense my interview questions, they can be summarized into 3 stages:
1. Grocery
Routine
2. Personal Diet
Knowledge
3. Keeping
Track
My findings: 
• People often buy the same things when getting groceries.
• It’s annoying to wait for nutrition apps to catch up to a person’s workout habits, and adapt suggestions accordingly.
• People have dietary restrictions, but also preferences regarding what they don’t like to eat.
• People don’t have much time to track their nutrition since it’s not as high of a priority.

phase 2://organization and lo-fi

Information Architecture
Information architecture of the Nutri app
User Flow 1: Add incompatible product to Fridge
User Flow 1: Add incompatible product to Fridge
User Flow 2: Compare Nutrition Levels
User Flow 2: Compare Nutrition Levels
Sketch of Flow 1: Add incompatible product to Fridge
login
dashboard
quick add
barcode scanner
manual search
nutrition facts scan
scan results and manual correction
rewards for adding to Nutri database
Sketch of Flow 2: Compare Nutrition Levels
dashboard
comparison selector
week selections
comparison results
coach selections
comparison results

phase 3://styling and hi-fi

Style Guide
Style Guide of the Nutri app
If you'd prefer to view this in a dedicated tab, click below
I've noticed you're using a mobile device, please use this link
View Figma Prototype

phase 4://summary

Learning Outcomes: 
Key Takeaways:
• The more interviews, the more diverse of an experience you can tailor to.
• UI design isn’t linear, you move from least to most specific, but may jump later between the two.
Given the resources, I’d love:
• To flesh out each task flow, building the Fridge and search functionalities of the app.
• Potentially work with a developer to find how doable a working prototype would be!