AI-enhaced food tracking experience
AI-enhaced App
FreshTrack: Track groceries, eat smarter, waste less.
I led the end-to-end design of an AI-powered grocery tracking app that helps users scan, store, and manage their fresh food items effortlessly. Key impact:
Enhanced my workflow using AI to rapidly prototype and validate features, enabling a user-centered MVP focused on sustainability and health-conscious habits.
I led the end-to-end design of an AI-powered grocery tracking app that helps users scan, store, and manage their fresh food items effortlessly. Key impact:
Enhanced my workflow using AI to rapidly prototype and validate features, enabling a user-centered MVP focused on sustainability and health-conscious habits.
UX Designer • Product Management • Lovable
UX Designer • Product Management • Lovable
1 week
1 week
Solo
Solo
Visit Project
Visit Project
Context & Motivation
Context & Motivation
“I created this app to explore new possibilities and put into practice what I learned from the Google AI Essentials course and Product Management through crafting a Product Requirements Document. This project pushed me out of my comfort zone blending AI-driven tools like Lovable into my design process to prototype faster and smarter. It’s my way of demonstrating how I’m continuously adapting to new trends, expanding my understanding of AI."
Danilo Ellison-Saavedra
Business-minded UX Designer
“I created this app to explore new possibilities and put into practice what I learned from the Google AI Essentials course and Product Management through crafting a Product Requirements Document. This project pushed me out of my comfort zone blending AI-driven tools like Lovable into my design process to prototype faster and smarter. It’s my way of demonstrating how I’m continuously adapting to new trends, expanding my understanding of AI."
Danilo Ellison-Saavedra
Business-minded UX Designer
“I created this app to explore new possibilities and put into practice what I learned from the Google AI Essentials course and Product Management through crafting a Product Requirements Document. This project pushed me out of my comfort zone blending AI-driven tools like Lovable into my design process to prototype faster and smarter. It’s my way of demonstrating how I’m continuously adapting to new trends, expanding my understanding of AI."
Danilo Ellison-Saavedra
Business-minded UX Designer
The Problem:
The Problem:
After moving from South America to the U.S., I noticed that fresh produce and groceries often spoiled much faster, sometimes within just a few days.
After moving from South America to the U.S.,
I noticed that fresh produce and groceries often spoiled much faster, sometimes within just a few days.
The Solution
The Solution
FreshTrack is a mobile-first app concept designed to help people track grocery freshness, reduce food waste, and cook smarter with what they already have.
FreshTrack is a mobile-first app concept designed to help people track grocery freshness, reduce food waste, and cook smarter with what they already have.
By integrating AI-powered scanning, smart reminders, and nutrition insights, it empowers users to make healthier and more sustainable food decisions, effortlessly.
By integrating AI-powered scanning, smart reminders, and nutrition insights, it empowers users to make healthier and more sustainable food decisions, effortlessly.
🤖 Leveraging AI in My Design Workflow
🤖 Leveraging AI in My Design Workflow
I collaborated with an AI Product Strategist inside Lovable to structure my ideas, define MVP features, and generate a complete PRD, simulating a real-world product management workflow
I collaborated with an AI Product Strategist inside Lovable to structure my ideas, define MVP features, and generate a complete PRD, simulating a real-world product management workflow
Interactive conversation from Lovable to show the "co-creation" feel. Rapid changes on what you want.
Interactive conversation from Lovable to show the "co-creation" feel. Rapid changes on what you want.
Design Process
Design Process
FreshTrack followed a human-centered, AI-enhanced design process, blending user experience principles with product strategy and emerging AI tools.
FreshTrack followed a human-centered, AI-enhanced design process, blending user experience principles with product strategy and emerging AI tools.
My goal was not just to design an app, but to explore how artificial intelligence could support smarter, more sustainable food habits.
My goal was not just to design an app, but to explore how artificial intelligence could support smarter, more sustainable food habits.
Understanding the Problem
Understanding the Problem
I conducted informal interviews with busy parents, students, and zero-waste enthusiasts to uncover how they manage groceries and expiration dates. Four recurring pain points emerged:
I conducted informal interviews with busy parents, students, and zero-waste enthusiasts to uncover how they manage groceries and expiration dates. Four recurring pain points emerged:
Users don’t need another calorie tracker, they need an effortless way to see what’s fresh, what’s expiring, and what they can cook right now.
Users don’t need another calorie tracker, they need an effortless way to see what’s fresh, what’s expiring, and what they can cook right now.
Defining the Goals
Defining the Goals
“Empower users to reduce food waste and eat smarter through effortless AI-powered tracking.”
“Empower users to reduce food waste and eat smarter through effortless AI-powered tracking.”
Users don’t need another calorie tracker, they need an effortless way to see what’s fresh, what’s expiring, and what they can cook right now.
Users don’t need another calorie tracker, they need an effortless way to see what’s fresh, what’s expiring, and what they can cook right now.
MVP Goals
01
Smart Scanning
Reduce manual input by using AI scanning and barcode recognition.
02
Expiration Tracking
Help users track expiration dates and receive timely reminders.
03
Recipe Suggestions
Offer personalized recipe suggestions to use ingredients before they expire.
04
Sustainable Habits
Encourage sustainable, waste-free cooking habits.
Ideation & Feature Prioritization
I brainstormed 15 potential features and narrowed them to nine core MVP features based on feasibility, user value, and technical complexity.
I brainstormed 15 potential features and narrowed them to nine core MVP features based on feasibility, user value, and technical complexity.
Camera scan recognition
Barcode scanning
Expiration tracking
Smart reminders
Historical log
Nutrition labels
Recipe suggestions
Meal planning
User profiles
Information Architecture & User Flow
I mapped the user journey to ensure clarity and simplicity:
I mapped the user journey to ensure clarity and simplicity:
Visual Identity
A vibrant, playful, and organic aesthetic that evokes freshness and energy
A vibrant, playful, and organic aesthetic that evokes freshness and energy
Design Inspiration
I drew inspiration from Whole Food's clean interface but opted for a more vibrant, playful, and organic aesthetic, full of white space, soft shadows, and green gradients that evoke freshness and energy.
Health-oriented yet approachable
Design Inspiration
I drew inspiration from Whole Food's clean interface but opted for a more vibrant, playful, and organic aesthetic, full of white space, soft shadows, and green gradients that evoke freshness and energy.
Color Palette
Primary Green
#2CC18F
Freshness & Energy
Light Green
#5CD9AC
Soft Accents
Dark Green
#1D8B61
Depth & Trust
White
#FFFFFF
Clean Space
Soft Gray
#F5F5F5
Backgrounds
Design Principles
🌿
Fresh & Organic
Green gradients and natural tones evoke health and vitality
✨
Clean & Spacious
Generous white space and soft shadows for clarity
🎨
Playful & Warm
Illustrations add personality and approachability
Visual Elements
Illustrations of fruits, vegetables, and kitchen scenes add warmth and personality
🥗
Fresh Produce
🍎
Fruits
🥕
Vegetables
🍳
Kitchen Scenes
📱
Clean Interface
💚
Health Focus
Typography
PRIMARY FONT
Quicksand Bold
Quicksand Bold
HEADLINES
HEADLINES
Fresh & Bold
Fresh & Bold
BODY TEXT
BODY TEXT
Clear & readable for daily use
Clear & readable for daily use
ACCENTS
ACCENTS
Vibrant highlights
Vibrant highlights
The design feels health-oriented yet approachable, encouraging daily engagement through its fresh, vibrant, and welcoming aesthetic.
The design feels health-oriented yet approachable, encouraging daily engagement through its fresh, vibrant, and welcoming aesthetic.
MVP Tech Stack
I leveraged Lovable to structure my Product Requirements Document (PRD) and explore how AI could accelerate my workflow. Using OpenAI Vision API, I envisioned a system that automatically recognizes grocery items from a photo.
I leveraged Lovable to structure my Product Requirements Document (PRD) and explore how AI could accelerate my workflow. Using OpenAI Vision API, I envisioned a system that automatically recognizes grocery items from a photo.
Front-end app builder for rapid development
Front-end app builder for rapid development
⚡
Lovable
Frontend Builder
Fast mobile app conversion and deployment
Fast mobile app conversion and deployment
📱
Median.co
Mobile Platform
Auth (login), Storage (images), Database (item details, historical logs, meal plans)
🗄️
Supabase
Backend Infrastructure
Analyze grocery items from scans/photos (expiration, nutrition, recipe suggestions)
Analyze grocery items from scans/photos (expiration, nutrition, recipe suggestions)
Analyze grocery items from scans/photos (expiration, nutrition, recipe suggestions)
🤖
OpenAI Vision API
AI & Computer Vision
This step helped me bridge the gap between design and technology, demonstrating how designers can use AI as a creative partner, not just a technical tool.
This step helped me bridge the gap between design and technology, demonstrating how designers can use AI as a creative partner, not just a technical tool.
Visual Design & Final Prototype
Visual Design & Final Prototype
Use vibrant greens, organic illustrations, and plenty of white space to echo your brand direction.
Simple tab navigation: Pantry (Home) / Scan / Recipes / Profile
AI-enhanced features to analyze grocery items from scans/photos to pull expiration, nutrition, and recipe suggestions.
Responsive app web with additional information about its features on FreshTrack.
The Solution
The Solution
FreshTrack is a mobile-first app concept designed to help people track grocery freshness, reduce food waste, and cook smarter with what they already have.
FreshTrack is a mobile-first app concept designed to help people track grocery freshness, reduce food waste, and cook smarter with what they already have.
By integrating AI-powered scanning, smart reminders, and nutrition insights, it empowers users to make healthier and more sustainable food decisions, effortlessly.
By integrating AI-powered scanning, smart reminders, and nutrition insights, it empowers users to make healthier and more sustainable food decisions, effortlessly.
Key Takeaway
The Convergence: This experience helped me merge UX design, AI collaboration, and product strategy into one cohesive workflow.
The Convergence: This experience helped me merge UX design, AI collaboration, and product strategy into one cohesive workflow.
🎨
UX Design
Human-centered problem solving
🤖
AI Collaboration
Technology as a creative partner
🎯
Product Strategy
Vision meets execution
It reaffirmed that designers are no longer just visual problem-solvers, we are now AI collaborators, responsible for shaping how technology feels and behaves for people.
It reaffirmed that designers are no longer just visual problem-solvers, we are now AI collaborators, responsible for shaping how technology feels and behaves for people.
UX Design
Human-centered problem solving
🎨
🤖
AI Collaboration
Technology as a creative partner
Product Strategy
Vision meets execution
🎯
Reflection & Next Steps
Project Reflection
This project was more than a concept, it was a test of adaptability. I challenged myself to step beyond traditional UX design and explore how AI, automation, and product strategy can align to solve everyday sustainability challenges.
This project was more than a concept, it was a test of adaptability. I challenged myself to step beyond traditional UX design and explore how AI, automation, and product strategy can align to solve everyday sustainability challenges.
Merged AI, UX, and product strategy
Explored automation for sustainability
Stepped beyond traditional design boundaries
Next, I plan to:
Project Reflection
This project was more than a concept, it was a test of adaptability. I challenged myself to step beyond traditional UX design and explore how AI, automation, and product strategy can align to solve everyday sustainability challenges.
Merged AI, UX, and product strategy
Explored automation for sustainability
Stepped beyond traditional design boundaries
🧪
Test & Iterate
Validate MVP
Usability testing with real users
Planning Phase
🌐
Scale Up
Expand to Web
Broader access across platforms
Planning Phase
🎙️
Enhance UX
Voice & Social
Voice assistant and sharing features
Planning Phase
🧪
Test & Iterate
Validate MVP
Usability testing with real users
Planning Phase
🌐
Scale Up
Expand to Web
Broader access across platforms
Planning Phase
🎙️
Enhance UX
Voice & Social
Voice assistant and sharing features
Planning Phase
🧪
Test & Iterate
Validate MVP
Usability testing with real users
Planning Phase
🌐
Scale Up
Expand to Web
Broader access across platforms
Planning Phase
🎙️
Enhance UX
Voice & Social
Voice assistant and sharing features
Planning Phase
What I learned
📝
Structured PRD Development
Built a structured PRD with Lovable and AI collaboration
👁️
Computer Vision Integration
Integrated OpenAI Vision API for item recognition
🗄️
Backend Infrastructure
Used Supabase for auth, database, and storage
📱
Mobile App Deployment
Explored Median.co for mobile app conversion
🎓
Responsible AI Practices
Applied insights from Google AI Essentials on responsible AI use
“Designing with AI helped me think faster, build smarter, and stay ahead of what’s next.”
Danilo Ellison-Saavedra
Business-minded UX Designer
“Designing with AI helped me think faster, build smarter, and stay ahead of what’s next.”
Danilo Ellison-Saavedra
Business-minded UX Designer
“Designing with AI helped me think faster, build smarter, and stay ahead of what’s next.”
Danilo Ellison-Saavedra
Business-minded UX Designer
📝
Structured PRD Development
Built a structured PRD with Lovable and AI collaboration
👁️
Computer Vision Integration
Integrated OpenAI Vision API for item recognition
🗄️
Backend Infrastructure
Used Supabase for auth, database, and storage
📱
Mobile App Deployment
Explored Median.co for mobile app conversion
🎓
Responsible AI Practices
Applied insights from Google AI Essentials on responsible AI use
Contact
Let's Get in Touch
Let's connect and start with your project ASAP.
Contact
Let's Get in Touch
Let's connect and start with your project ASAP.
Contact
Let's Get in Touch
Let's connect and start with your project ASAP.
