From Surplus to Savings: “EatSave” A Mobile App for Restaurant Food Waste?—?UX/UI Case Study
Ajij Rahaman
Transforming Your Business Online: From Concept to Conversion?? I User Researching I Wireframing I Prototyping I Figma Expert I Redesign Expert I Woo-commerce I Elementor I Divi I Web Design I Human Centered Designing ?
?? Hi, I’m Ajij Rahaman, a UX/UI Designer dedicated to tackling food waste and unsold food issues in the restaurant industry through this case study.
I’d like to share the story that inspired me to pursue this project.
While searching for a problem statement for my first UX case study, I struggled to find the right focus. During this time, a friend from my UX Bootcamp, Kshiteesh, mentioned a significant issue: “In India, tons of edible food are wasted daily.”
This is Kshitish, my UX bootcamp friend.
I got curious and started Googling around. I checked out some articles, watched a few videos to gather more insights.
Here’s what I discovered from my secondary research:
Consumer’s food waste in different restaurants:
Unsold Foods in Restaurants:
Furthermore, ?? I explored the market?demand:
?? Identifying the Problem Statement & Possible Solutions
So far as we know that, food waste and unsold food in India’s restaurant industry present a major gap that requires a solution.
So, after that, I decided to focus on the Problem of “unsold edible food in the restaurant industry”.
Solution Assumption: There is a strong need for an app in India that addresses food waste by connecting restaurants with surplus food to value-conscious consumers. This app would reduce waste while offering discounted meals. Current solutions like donations and composting might not be enough to solve this problem.
I researched competitors who are already addressing this issue effectively, but I identified some unique selling points (USPs) and simple app processes that they lacked. However, in that time I faced very ambiguity about:
etc…
To address these ambiguity, I conducted interviews with our target audience and a thorough competitive analysis
?????? Who Could Be the Primary Audience for This?App?
The app is designed for value-conscious individuals aged 18–45, including students, young professionals, and budget-conscious families, looking for quality food at good prices.
Targeted Areas: The top 5 cities in India, which account for over 85% of the online food ordering market, are:
Now I got the information inspiration from competitor platforms and identified a need for design inspiration as well. This app would allow restaurants to sell their unsold edible foods at a discounted price compared to other existing platforms.
So in order to make their accecibility great, I need to check how Existing apps in general do that? What are “the good-to-have features” that their customer’s are looking for?
To enhance accessibility, I studied how existing apps handle similar features and identified “good-to-have” features that customers are looking for. But, during that time I told in the previous paragraph that, I faced very ambiguity about the App Flow. So, for that,
I made IA Diagram(for Organization and structure of content) and user flow(for The journey a user takes to achieve a?goal)
Next ambiguity I was facing that, How it look like Visual design and aesthetics. so for that,
I made hand sketches and High Fidelity Wireframes
Then, I gathered screenshots of several Existing apps to observe the common patterns for inspiration. Then, finally I got clarity overall clarity of my app.
Common patterns I observed were?on:
And then came the Visual?Design!
?? Onboarding Screens:
The onboarding screens communicate the app’s value upfront. I kept the steps minimal to reduce drop-offs and increase sign-ups. A progress bar was added to track onboarding steps.
??Home Screen:
On the home page, customers can either add dishes directly to their cart or view dish details before making a decision. After reviewing the details, they can proceed to checkout. Also customer’s can view multiple individual restaurant profile within the home page.
?? Sustainability and Impact?Screen:
After placing an order, customers can see how their meal choices contribute to reducing food waste or reduce unsold foods at the restaurant. How many CO2 emissions saved in this month by ordered meals. Their impact is displayed in the “My Impact” Screen.
领英推荐
?? Cart?Screen:
The cart page shows the percentage of meals saved from unsold/waste if they order this item, along with a timer for Unsold edible meal availability. Then, they can adding payment method within the cart page and then finally proceed to payment.
??? Restaurant Profile Screen for Customers:
Customers can view restaurant details, reasons for unsold food, restaurant ratings, available dishes and restaurant delivery hours. They can also add their own ratings on a particular restaurant.
?? Order Tracking?Screen:
Customers can track their orders in real time.
?? Partner Onboarding:
Restaurant owners can easily sign up to become partners, enabling them to sell their surplus edible Unsold food. Once their account is approved, they can start listing items for sale.
?? Partner Restaurant Profile:
Once a restaurant owner creates an account, they won’t be able to immediately add and sell their unsold edible items. They must first receive approval, after which they can begin selling. Until then, their account status will be “Pending for Approval.”
?? Partner Dashboard Screen:
The dashboard provides insights into orders, total revenue, customer data, and overall performance.
?? Partner Order?Screen:
Restaurant owners can manage orders, including confirming or canceling them.
Handling Network?Issues:
If a network issue occurs when a customer clicks the ‘Proceed to Checkout’ button, a popup will appear offering options to either retry the process or cancel the order. This ensures a smooth and transparent experience for the user even in case of connectivity problems.
?? Business Benefits for the App?Owner:
The app owner can generate revenue by taking a percentage of sales from their restaurant partners and They can offer promotional advertising opportunities within the app.
Figma File Link?Here:
Prototype Link?Here:
?? My Learnings
Interactive Designer and Musician ???? UI/UX Designer | Visual Designer | Web Designer | Product Designer
4 个月So cool!, I am working on a consultancy for a startup called "Cheaf", specifically the internal team/partner/gorcery store that uploads bags of surplus food to sell, and it has the same mission of saving wasted and surplus food. Now I'm trying to do a benchmark for the parter screens, and it is difficult to have access to a benchmark of those screens. My question is, do you have a benchmark of partner screens apart of the ones you designed here? specifically patterns that help in the process of recollection of surplus products of the grocery store/restaurant, registration of products and package assembly for each category of products. Greetings!