- Sign up / Login
- Basic personal details
- App preferences
Overview
IngredLens is a personalized food and beverage scanning application designed to help people make safer and healthier purchasing decisions. Users can scan packaged food products to instantly understand their ingredients, nutritional values, allergens, and potential health risks. By considering a user's medical conditions, allergies, and dietary preferences, IngredLens transforms complex food labels into simple, personalized guidance:
Safe. Caution. Avoid.
The goal was to design an experience that answers one simple but important question:
“Is this product safe for me?”
The Challenge
Food packaging contains a large amount of nutritional and ingredient information, but understanding what that information means can be difficult. A product that appears healthy may contain ingredients that are unsuitable for someone with:
Diabetes
High blood pressure
Thyroid conditions
Food allergies
High cholesterol
Specific dietary preferences
For example, a peanut butter product may look like a healthy choice. However, a person managing diabetes may need to understand whether its sugar and carbohydrate content could significantly impact their blood sugar.
The challenge was to create a product-scanning experience that could:
- Simplify complex nutritional information
- Personalize results for every user
- Clearly communicate health risks
- Avoid overwhelming users with medical terminology
- Help users make better decisions immediately
- Recommend healthier alternatives when necessary
The Problem
Food labels provide information, but they don't provide personalized answers.
Users often need to manually read ingredients, understand nutritional tables, identify allergens, and determine whether a product aligns with their health requirements.
The key UX problem became:
How might we help users understand whether a food product is suitable for their personal health profile within seconds of scanning it?
The Solution
IngredLens uses a personalized health profile combined with personal-preference product analysis.
- Medical conditions
- Allergies
- Dietary preferences
- Barcode scan
- Product identification
- Product details
- Ingredient recognition
- Nutrition analysis
- Health impact
- Health insights
- Risk warnings
- Better alternatives
- Informed decision
- Save / Share results
- Track your choices
Our Goal
Empower users to understand what they consume and make healthier choices every day.
Personalized
AI-Powered
Health-Focused
Trusted
Instead of showing users only raw nutrition data, the app translates the information into personalized insights.
Example:
Instead of simply displaying: Sugar: 12g per serving
IngredLens can explain: Caution: This product contains 12g of added sugar per serving and may cause a significant blood glucose increase based on your diabetes profile.
The result is then categorized using a simple decision system:
Safe
Caution
Avoid
MY ROLE:
UI/UX Designer
Owned the experience from research through to the design system.
UX Research
User Journey Mapping
Wireframing
Information Architecture
Accessibility Considerations
Visual Design
AI Insight Experience
Tools
Where the work happened, from flows to final surface.
Figma
FigJam
Photoshop
Illustrator
Visual Studio Code
Anti Gravity
AI-assisted ideation
WHO IT'S FOR
Understanding the User
The primary users include people who want to make informed food decisions but may not have the knowledge or time to interpret complex food labels
GROUP 01
Health-conscious consumers
Regularly check nutrition info and want faster product comparisons.
GROUP 02
People managing conditions
Diabetes, high blood pressure, thyroid, cholesterol, heart-related concerns.
GROUP 03
People with food allergies
Need to catch a trigger ingredient before it reaches the cart.
GROUP 04
Diet-focused users
Vegetarian, vegan, Jain, non-vegetarian, keto, high protein.
Key User Pain Points
INGREDIENTS:
Malto dextrin, Hydrogenated Vegetable Oil (Palm Kernel, Soybean Oil), Stabilizer (INS 460),
“I don't understand all the ingredients.”
Ingredient lists often contain unfamiliar technical names.
Checking every product takes too much time.
“Checking every product takes too much time.”
Users need to make decisions quickly, especially while shopping.
Health Conditions
“I don't know whether this is safe for my condition.”
Nutritional information is generic and does not explain personal health implications.
Better Alternatives
Low Sugar Granola
High Protein Granola
“I have to search for healthier alternatives separately.”
Discovering a better product often requires additional research.
DESIGN GOALS
Five decisions that shaped every screen
Instant scanning
The scanner is the fastest path to product information
Personal results
Every result weights conditions, allergies, and diet.
Understandable risk
Clear visual signals instead of overwhelming medical data.
Explain the why
Users should understand why a product is safe or unsafe.
Enable action
An unsuitable product is followed by a better one
SITEMAP & INFORMATION ARCHITECTURE
The app was structured around 17 major areas.
SITEMAP
Complete user flow from app launch to key factors
INFORMATION ARCHITECTURE
How the app is structured after the user is inside the application.
SCREENS
01 — Splash Screen
The splash screen establishes the product's health-tech identity.
A Welcoming First Impression
The onboarding screen sets the tone for trust, simplicity, and intelligence. It communicates our core promise instantly and invites users to begin their health-conscious journey.
KEY ELEMENTS
IngredLens Logo
A modern, tech-forward logo that reflects scanning, insights, and intelligent analysis.
Scan, Analyze & Choose Better
Our tagline that captures the app’s core promise in a simple and memorable way.
Scanner Pulse
A subtle animation that brings life to the experience & highlights the scanning.
Premium Health-Tech Background
A clean gradient with soft hues that conveys trust, clarity and innovation.
Get Started CTA
Make user feel confident that they’re about to use a smart, reliable and personalized health companion.
02 — Personalized Registration
The registration experience collects key details to understand the user better and enable personalized insights. The app also calculates BMI automatically and offers a guest option for a seamless start.
KEY ELEMENTS
Basic Information
We collect essential details like name,age, gender, height, and weight to personalize the experience.
Auto BMI Calculation
The app automatically calculates the user's BMI and presents the result in a simple, easy-to-understand format.
Why BMI?
BMI provides an additional data point that can support broader health and calorie-related personalization. However, we present it as an informative indicator, not the sole definition of a user's health.
Guest Option
A prominent "Skip & Continue as Guest" option ensures users can immediately access the core scanning feature without unnecessary friction.
03 — Medical Conditions & Allergies
Personalized for Your Health Needs
This screen enables personalization without making the experience feel like a complicated medical form.
KEY ELEMENTS
Select Your Conditions
Choose from common conditions like Diabetes, High BP, Thyroid, PCOS, Cholesterol, Heart Disease, and Kidney Issues.
Add Allergies
Quick-select tags for common allergens like Peanut, Gluten, Dairy, Soy, and Shellfish.
Faster with Chips
We used selectable chips and tags instead of traditional checkboxes to make profile creation faster and more mobile-friendly.
More Relevant Results
Your selections help us provide personalized ingredient analysis and healthier recommendations.
04 — Diet Preferences
Eat Your Way. Reach Your Goal
Users can choose their preferred eating pattern and set their nutrition goals, helping IngredLens deliver more relevant food insights and personalized recommendations.
KEY ELEMENTS
Choose Your Eating Pattern
Select from vegetarian, vegan, Jain, non-vegetarian, keto or high protein using large visual cards.
Set Your Calorie Goal
Define your daily calorie target based on your lifestyle and goals.
Define Your Weight Goal
Choose whether you want to lose, maintain or gain weight, and add your current and target weight.
Get More Relevant Insights
These inputs allow recommendations to become more accurate and personalized to your needs.
UX Decision
I used large visual cards and simple input controls to make personalization feel intuitive, engaging and mobile-friendly.
05 — Personalized Dashboard
[Version - 2]A Smarter Start to Healthier Choices
For new users, the dashboard focuses on discovery and trust - showcasing real stories and personalized recommendations even before they start scanning products.
KEY ELEMENTS
Video Testimonials
Real stories build trust and show the value of personalization.
Personalized Recommendations
A curated selection of foods based on the user's profile.
Best Foods for You
Discover nutritious options that match your health goals.
Avoid Today
Identify foods that may not be suitable for your condition.
Healthy Alternatives
Get smarter swaps for a healthier lifestyle.
UX Decision
I designed a dynamic dashboard for new users to highlight the value of personalization early and build trust through real stories and curated recommendations.
06 — Scanner Experience
A Smarter Start to Healthier Choices
For new users, the dashboard focuses on discovery and trust - showcasing real stories and personalized recommendations even before they start scanning products.
Scanner Features
UX Principles
The user should always understand what the system is doing. That's why the scanning flow provides clear visual feedback at every step.
07 — Unsafe Product Result
Clear Warnings. Better Choices.
When a product presents significant concerns, the result screen communicates urgency without creating unnecessary fear. It converts complex nutrition data into simple, personalized insights and also suggests healthier alternatives.
KEY ELEMENTS
D-Grade Health Score
Real stories build trust and show the value of personalization.
Key Concerns
A curated selection of foods based on the user's profile.
Condition-Specific Warnings
Real stories build trust and show the value of personalization.
Ingredient Breakdown
Real stories build trust and show the value of personalization.
Healthy Alternatives
Get smarter swaps for a healthier lifestyle.
UX Goal
Inform, empower and guide users towards healthier choices - not just create fear.
08 — Safe Product Result
Safe Choices. Healthier You
When a product is suitable for the user's health profile, the app provides a clear A-grade score with positive reinforcement, nutritional insights and similar healthy alternatives.
KEY ELEMENTS
A-Grade Health Score
A clear and reassuring score to show this product is a healthy choice for you.
Safety Check
Confirms the product matches your medical conditions, dietary preferences and allergen profile.
Nutritional Strengths
Highlights key nutrients and the benefits of this product.
Ingredient Quality
Shows what's inside and the overall ingredient quality.
Similar Healthy Options
Recommends better or similar alternatives for continued healthy choices.
UX Goal
Reassure, inform and empower users to make confident and healthy food choices.