Uber Eats
Ordering food should be simple—but for users with dietary restrictions like keto, gluten-free, or dairy-free, it often becomes a frustrating experience. This project focused on redesigning the Uber Eats experience to make dietary filtering easier, faster, and more personalized for users with specific needs.
-
Overview
-
client
Personal Project -
My Role
Research, UX Design, UI Design, User Testing, Prototyping -
Duration
76 hours
-
-
The Problem
Uber Eats lacks intuitive filtering for users with dietary needs, leading to wasted time, second-guessing ingredients, and an overall poor browsing experience.
The Solution
- Apply multiple dietary filters (e.g., Keto, Gluten-Free, Dairy-Free)
- Save their preferences to their profile
- Quickly find meals that match their needs
Introduce a personalized dietary filter system that allows users to:
Research
Methodologies
- Compartive
- Cualitative
User Interviews
To understand user needs, I conducted interviews with individuals who follow specific diets like keto, vegan, dairy-free, or gluten-free. They shared a common pain point: current food delivery apps make it hard to find meals that match their restrictions.
Affinity Map
User interviews revealed a strong demand for personalization in food delivery. Users want quick ways to apply dietary filters, confidence in ingredient transparency, and the ability to save preferences to avoid repeating the same steps.
Competitor Analysis
I paired these insights with a detailed competitor analysis, reviewing platforms like DoorDash, Grubhub, and Caviar. While these apps offer a variety of features, none fully addressed the need for easy, diet-specific filtering.
User Persona
Design
User Flow
This user flow illustrates the process of adding a dietary restriction filter to a food delivery app. It covers both quick filtering for immediate searches and personalized dietary profile setup for faster future orders. The flow ensures users can easily find meals that meet their dietary needs, make confident selections, and proceed smoothly to checkout.
Wireframe Low Fidelity
- A scrollable dropdown menu for dietary filters at the top of the homepage makes it easy to access common options like keto or vegan.
- Quick Filter Labels: Chips below the search bar allow users to apply filters instantly with one tap.
- Search Bar Integration: Dietary filters are also available in the search bar for better visibility and quick access.
- Profile Preferences: Users can save detailed dietary preferences in their profile for a more personalized experience.
- Toggle for Saved Preferences: A toggle on the homepage lets users quickly apply or remove saved filters without reselecting each time.
To improve the experience for users with dietary restrictions, I introduced several key features in the wireframes: Homepage Dropdown:
These features aim to make filtering faster, easier, and more personal.
High Fidelity and Prototype
During the high-fidelity and prototyping phase, I designed clean, user-friendly screens that integrated the new dietary filter seamlessly into the Uber Eats interface. The prototype included key flows such as setting up dietary preferences, filtering meals, and confirming whether a dish matches user needs.
-
Testing
-
Participants
5 Users -
Method
Remote moderated sessions -
Test Duration
About 15 minutes per user
-
-
What Went Well
- Search Bar Usability: Users found the search bar intuitive and helpful for narrowing meal choices.
- Saved Preferences: The ability to save dietary preferences was highly appreciated for convenience.
- Smooth Checkout: Most users found the ordering and checkout process clear and easy to complete.
- Filter Feature Value: Users with dietary restrictions found the filter genuinely useful for making healthier decisions.
Pain Points
- Filter Visibility: Some users didn't notice the dietary filter right away; it wasn't placed in an intuitive location.
- Overwhelming Filter Options: A few users felt overwhelmed by too many choices in the filter menu.
- Unclear Labels: Filter categories lacked brief descriptions, making it harder to understand some options.
- Lack of Confirmation: Users wanted confirmation messages to know their preferences were saved or if a meal matched their dietary needs.
- Browsing Preference: Some users preferred to explore restaurants first and apply filters later, suggesting the need for more flexible entry points.
Iterations
Added a “More Options” button to simplify the filter view and reduce visual clutter.
Added short explanations to filter options to help users understand them at a glance.
Introduced a pop-up message to confirm that dietary preferences were saved successfully, giving users reassurance.
Made the dietary filter easier to find by moving it to the top of the homepage
Final Project and protoype
This high-fidelity prototype showcases the proposed dietary restriction filter integrated into the Uber Eats app. It includes key screens for onboarding, dietary preference selection, meal filtering, and personalized profile settings—designed to enhance the user experience with a clean interface, intuitive navigation, and faster access to diet-friendly meals.
Challenge Faced:
One of the biggest challenges was balancing simplicity with the need for detailed dietary information. Users wanted quick filtering, but also needed confidence that a meal truly matched their restrictions. Designing an experience that was both fast and informative required careful prioritization of layout, language, and visual hierarchy.
Lessons Learned:
I learned how vital clarity and trust are when designing for people with specific needs. Even small moments—like confirming that a meal meets a dietary filter—can make or break the user experience. Personalization and reassurance matter just as much as functionality.
What I'd Do Differently:
If I had more time, I would explore ways to integrate more dynamic personalization, such as AI-based suggestions or auto-filtering based on past orders.
What I'm Most Proud Of: I'm proud of designing a feature that supports real, everyday needs. This solution doesn't just make ordering easier—it helps users stay consistent with their health goals and feel seen in a platform that wasn't originally built for them. Creating that kind of impact through design is what I love most.