SAVR: Digital Pantry
Track items in a digital pantry to reduce food waste via customized suggested recipes and reminders about expiration dates.
Date: November 9, 2024
Timeline: 24 hours (CSUF’s FullyBeyond Designathon)
Team: 4 designers
My Role: Product Designer
Tools: Figma, Adobe Illustrator
The Problem
Many individuals struggle to track their food inventory, leading to many discarded and spoiled food items
Ever since moving into my first apartment as a college student, I realized how easy it was to lose track of food items. My flatmates and I ended up tossing many expired foods that accumulated in the back of my fridge or pantry whenever we cleaned the kitchen. After more research, I realized how food waste is a significant global issue that poorly impacts our environment.
The Solution
A digital pantry can help individuals keep track their food and prioritize reducing food waste
With food date labels being difficult to keep track of, a simple streamlined system will help people keep track of all their expiration dates in one place.
Enter your food items
manually or through scanning bar codes and/or receipts
1
Tracks your food
Notifies users of upcoming expiration dates
Filters and customization to prioritize your needs
2
Offers recipes
Suggestions prioritize recipes that use up near-expiring foods
3
Secondary Research
Food waste is a huge problem for the environment
Globally, the United Nations estimates that approximately one-third of all food produced for human consumption is lost or wasted.*
Food loss and waste generates 8-10 percent of global greenhouse gas emissions.*
*according to epa.gov
Competitive Analysis
Other Apps Lacked A Specific Focus on Food Waste
None of our competitors focused on food waste and emphasized using up near-expiring foods.
Many of our competitors were too broad in scope. Focusing on fitness, food waste, health logging, etc.
We wanted to hone in on preventing food waste through many of our features to streamline our goal
Primary Research
Users Prefer Simple and Straightforward Designs
My team and I sent out a Google Form both to our friends, family and to online discussion boards to understand people’s needs when it comes to what information they find important and how they would like this information to be presented to them. We got 30 responders from all ages, but most were college students
Main Insights
72% of responders preferred just having less or more basic details about their sustainability statistics, as opposed to more detailed descriptions of their impact.
82% of responders found themselves sometimes to always forgetting what food they had in their kitchen
only 20% of responders reported “sometimes” or “always” planning their meals in advanced
When asking responders how they felt about other food tracking apps, they mentioned:
Solutions
we only included simple stats of “amount of ingredients rescued” and “amount of pounds of CO2 prevented” to motivate users
we added a notification feature to remind users of expiration dates coming up
we scrapped the idea of adding in a meal planner feature in our app
add a scan feature to scan grocery lists and automatically log food items
Low-Fi Wireframes
Laying The Foundations
PANTRY TAB
pantry filters
pantry items
item details
RECIPES TAB
recipe filters
suggested recipes
recipe details
PROFILE TAB
profile + stats
grocery lists
receipts
Design Revisions
Improved ease on eyes from draft
Changed icons from rows of 3 to rows of 2
Increased font size
accounted for notch in each frame
added curved corners on icons
Major Design Changes
Integrated Onboarding System
Added login page
Helps users set up their pantry
Offers notification setting
Implemented subtile color branding
Green accents help drive the theme of the app
red, orange, and green dots next to items help give the user a visual-cue about the expiration date of their food
Accomplishments
Design System
Branding Choices
Color: Green is Nature and Tranquility
We selected green as the primary color for our app to evoke a sense of nature and tranquility. This choice aims to inspire users, fostering an optimistic outlook on the positive transformations they can achieve through their food choices.
Font: Simplicity Motif
The font selection for the app title aligns with our commitment to simplicity. We opted for the sans serif font Roboto, which embodies a straightforward design. For the body font, we chose Inter, ensuring clear and effective communication of information throughout the app.
Logo: Tying Nature and Health
We selected a broccoli for our logo to symbolize health, for both our users and the environment. The broccoli closely resembles a tree, serving as a reminder of the impact food choices have on nature. To represent the lifecycle of food, we implemented a gradient that transitions from a vibrant green to a more subdued brownish-green. This gradient underscores the natural processes of decay and emphasizes the importance of consuming food in a timely manner, highlighted by the bite marks on the vibrant green side of our icon.
Brand Name: Simple and Memorable
After extensive discussions regarding potential names for our app, we settled on “SAVR.” This choice effectively captures the essence of both “saver” and “savor,” reflecting our commitment to sustainability in food choices. The dual meaning reinforces our mission to connect ecological responsibility with culinary enjoyment.
High-fi Wireframes
I’m extremely proud of how much I learned in a short amount of time in addition to pumping out a pretty fleshed out project with unique features, especially because most of the people on my team were beginners doing their first design-a-thon. My team and I were shocked to be awarded first place and we couldn’t have been more proud of ourselves.
Reflection
Journey in Review
There was a lot of learning but also a lot of room for improvement. If I were to do this project again, I would have loved to have more personalized interviews with users to get a better scope of what exactly people wanted. If we had more time, we would have liked to add features that make the service more tailored to local areas, and connect it with mobile apps like Instacart and DoorDash for things like shopping and delivery.
What I would do better next time
view your receipts
See For Yourself!
pantry setup
Final Product
ONBOARDING
login page
pantry homepage
manual selection option
profile and stats
Figma File
scan option
item details
RECIPES TAB
recipes homepage
recipe filters
recipe details
PROFILE TAB
grocery lists
receipts
PANTRY TAB
pantry filters
View my other work!
Craigslist Redesign
Redesigning Craigslist to appeal to the modern audience
JVMC Client Redesign
Redesigning Joan Viteri Memorial Clinic's website to better reflect their mission of providing compassionate care to underserved communities in Oak Park.