A mobile app that makes happy decisions for your wallet, food, and the Earth  🌍 
Role
TEAM
TIMELINE
Skills
Lead UX Designer
Clarence Yeh — Engineer
Andrew Chen — UX Designer
Jeffery Wang — Project Manager
1-Week Design Sprint
UI/UX Design
Product Design
Brand Identity

Context
_______

Producthon @Tufts is a hackathon for developers, designers, and product managers to co-design & implement an app prototype that solves an issue related to a given problem space. This year, our problem space was
"The Future of..."
let's begin?
i'm ready!

The Problem
——————

College students with access to a kitchen opt to buy groceries instead of relying on expensive meal plans or eating out.

Yet, a common dilemma we face is forgetting about those groceries tucked away in the fridge or watching them go to waste before we can enjoy them.

Our team decided to tackle this problem on the sustainability track. We enjoy the freedom and convenience of preparing our own meals, but when our efforts to save money and reduce waste are thwarted, it undermines both our economic and environmental goals.

The thought of wasted groceries not only hits our wallets but also weighs heavily on our conscience. It got us thinking: Is there a way to effectively track our groceries and perhaps develop a more comprehensive solution for the future?
interaction1

OUR SOLUTION 💡
——————

FridgeLink: Transforming food waste into community connections.

FridgeLink is an app integrated into users' shopping routine, helping them ease the guilt of unused groceries. Going beyond mere alerts for expiring items, it connects users with friends (neighbors) who can benefit from them, and foster a reciprocal exchange where users can offer another grocery item in return.
Hold up — How did we get here? Let's rewind the process‍
click to skip !

Research
————

PART I.
Identifying the Opportunity
Method: Interview
To determine if other college students shared similar concerns as us, we created a list of questions to better understand their grocery shopping and food waste management habits. We narrowed it down to three broad questions that we thought would give me the most insight into the problem space, and conducted 10 minute interviews with 3 college students.
1
Do you monitor your grocery purchases to reduce food waste? If so, how?
2
How do you perceive the issue of food (excess grocery) waste?
3
What are the main factors contributing to your food (excess grocery) waste?
Findings 🌟

————
Our interviews found that many struggle to track groceries beyond relying on memory, often resulting in sharing leftovers with others to avoid waste. The main culprit, as mentioned by all, is forgetting about items stored in the fridge.

Interestingly, contrary to initial expectations, they had greater concerns about the environmental impact of their food waste than the monetary loss.
😭  There is a lot of room for improvement in our research method here! I talk more about this in my conclusion
PART II.
Understanding the Problem & Our Users
Method: Survey, affinity mapping, themes
After getting a glimpse of the issue at hand, we wanted to delve deeper through a survey with a larger sample size to validate our findings. Our survey aimed to capture the thoughts, behaviors, and values of individuals regarding grocery management and food waste. We collected responses from 61 college students across the country.
95% of the sampled students reported that at least 1~2 of their grocery items expire per month. The leading causes included forgetting about purchased items (68.8%) and groceries portions not aligning with cooking needs (40.9%).
CONCEPTS & THEMES

—————————

Method: affinity mapping, clusters & themes
Looking at our interview & survey responses, we affinity mapped our insights to organize themes and pain points. In general, we discovered that users:
1
Over-rely on their mental capacity:
#1 reason for excess groceries. They forget about grocery items, expiration date, where it's placed, etc.
2
Miscalculate proportions:
They purchase more groceries than needed, leading to surplus items and recipe challenges.
3
Demonstrate existing efforts, but...
Many explained methods they've used to prevent excess grocery waste, but still reported it as a struggle.
PART III.
Ideating: Turning Insights --→ Concepts
We then took the insights from our grouped themes/clusters and began to explore potential solutions.
How might we get users to rely less on their mental capacity to remember information regarding their groceries?
We've been discussing the idea of a comprehensive grocery tracker since the start. Our research now confirms its significance, showing that it'll free users from relying on memory or external apps (see quote) to manage their groceries effectively.
|
I've started keeping an ongoing log of food in my fridge so I can see at a glance what might be going bad soon […] and to decide if I have enough materials. - K.L.

How can we address the issue of mismatched proportions without altering the inevitable circumstances?
Simply advising people to buy less or plan ahead has proven ineffective, given factors like bulk savings, fixed portion sizes, and unpredictable dining habits.

Instead ... we devised solutions to manage consequences rather than prevent inevitabilities. Ideas include sorting the tracker by quantity and expiration date, sending virtual reminders to move items from fridge to freezer, providing recipe suggestions based on expiring groceries, etc.
Integrating grocery tracking & waste reduction into a social platform enables users to share groceries and exchange knowledge — fostering community and environmental responsibility.

But amongst all, we found the idea of a community trade function for groceries particularly appealing. Many users already share surplus items with friends or housemates to reduce waste. Our interviews also highlighted users' strong concern about the environmental impact of food waste.
How do users feel about this idea?

We conducted a brief follow-up survey to gauge users' comfort levels and frequency of sharing groceries. We asked: "How often do you share extra groceries with your friends?" and "On a scale from 1 to 10, how willing are you to share your groceries with friends?"
~90% of our users have experience sharing groceries with friends and >75% are more than willing to share groceries with others.
ComPeTITivE ANALYSis  🎯

—————————
Our research uncovered a gap in the market.

Existing apps either excel at tracking groceries (high productivity), like Cooklist and NoWaste, or facilitate grocery trading (high interactivity), such as Olio and Too Good to Go. However, none seamlessly integrate both functions.
how does fridgelink compare?
FridgeLink fills the void by offering effective grocery tracking alongside intuitive trading features. This  combination sets our app apart, providing both productivity and interactivity to users.

designing!
‍‍‍—————

We began the design process by first envisioning the user flow. Then, we created wireframes and a final prototype, accompanied by a very brief & informal user testing in between due to the tight schedule of the design sprint.
|
|
|
USER FLOW
The user experience we planned revolves around the dashboard, centralizing updates and grocery item management, customizable trading features, and social interactions via profiles and communities. We also wanted to emphasize on gamification elements to create optimize user engagement and motivation.
|
|
|
WIREFRAMES
We wanted focus mainly on the dashboard personalization and trading preferences at this stage and wanted to get external opinions early on. We asked a few friends to navigate the layout and prototype to see if the design and navigation was intuitive.
|
|
|
Overall, we found that:
👍  Users liked the organization of the dashboard
👍  The navigation for trading was intuitive and well-received.

Next ,we should work on:
❗ Find a way to show more items on the dashboard at once.
❗ Scroll funtion on the dashboard wasn't as intuitive.  
❗ Is there a way to preview trade options on the dashboard?
❗ Make the gamification elements on the dashboard more engaging.
|
|
|

DASHBOARD SCROLLING
We conducted a comparative test, juxtaposing different scroll orientations. Based on user feedback, it became evident that a vertical scroll is more intuitive, aligning with users' familiarity with vertical scrolling from platforms like Instagram. Additionally, many users mentioned they typically scroll with just one hand.
QUICK SEARCH FOR MATCHES
We created a quick match search feature on the dashboard, removing the need for navigating through the trade functions UI. Then, we optimized the layout, opting for a horizontal arrangement over a grid.
GAMIFICATION OF THE DASHBOARD
We wanted to enhance the gamification experience for our users. The gamers on our team proposed incorporating plant-themed characters/badges for users to collect upon completing challenges or leveling up.

VISUAL IDENTITY: LOGO
______________

Conclusion
‍‍______________

What are my biggest takeaways?
The week-long end-to-end process of researching, testing, and refining our designs has led to a project I’m proud of, but there’s still a lot of room for improvement.

I LEARNED THAT...
🍏  Working with a team that communicates well and genuinely cares makes things so much more fun!
🍏  Always share my designs with people earlier on to avoid making huge changes later.
🍏  Prioritize thorough research! Skipping user interviews and surveys before designing means would have meant that our ideas lacked validation from real data and user needs, no matter how promising they seem.

I want to improve on...
🍋  Our research approach. The initial interview sample was limited and biased as they consisted of my friends. Although they provided valuable insights, a larger and more diverse audience would have been preferable for a comprehensive understanding.

MOVING FORWARD, I want to...
🍎  Fully developing the features of every page and adding interaction
🍎  Testing with additional users to understand what captivates them in other apps through gamification... how do we ensure genuine user engagement in our app without it feeling tedious or obligatory?
Thanks for stopping by :)