Dub Grub Reimagined
Challenged with redesigning the campus dining mobile app, Dub Grub, I led the UI/UX design and developed our product prototype.
Dub Grub Reimagined solves the inefficiency and economic challenges of food/grocery delivery and pickup services for college students, particularly those living on campus. We improved Dub Grub by providing detailed allergy/ingredient information, introducing grocery pickup, and adding a delivery option with live order tracking for the dining hall. These improvements not only enhance student life but also offer flexible earning opportunities without the commitment of a traditional job.
Team
Ayush Panigrahy, Claire Ong, Daniil Shaplov, Natalie Gee, Prince Ovbiebo
![](https://framerusercontent.com/images/UnT2gYqc4sKtIM5B96s56Gzig.png)
Identifying The Users & Challenge
Interviews with stakeholders highlighted Dub Grub's challenges, including difficulty accessing allergen information posing user risks and unreliable pickup times leading to dining hall rush hours. Students using mobile ordering seek efficiency, emphasizing the need for accessibility and inclusion in our approach.
![](https://framerusercontent.com/images/VLTk6bkSPy1iIOmH8SDD21I5gVk.png)
![](https://framerusercontent.com/images/emRsUzz3UJu2b24zkfrbgqlps4.png)
Ordering Groceries for Delivery (Usage Scenario 2)
![](https://framerusercontent.com/images/Yc9AJR5oaPZ2fLDN9TSpJIfKlAg.png)
Follows conventions of food order and delivery apps for intuitiveness
Allows users to browse like a real grocery store or search for specific items
Images are included for all items
Option to pick up or deliver
Order progress is displayed and delivery locations are updated live for accessibility
Ordering Take-out for Pickup (Usage Scenario 1)
![](https://framerusercontent.com/images/nixSUYUt1X9FoUa8s6OcbNgV49o.png)
Follows conventions of food order and delivery apps for intuitiveness
Allows users to browse dining halls or search for specific foods
Filters allow users to specify pickup/delivery, food type, delivery time, price, and ratings
Food pictures are included
Each food lists all its ingredients and nutrition facts for accessibility
Option to pick up or deliver
Order progress is displayed for accessibility
Onboarding
![](https://framerusercontent.com/images/geomN7zf3DL7LOHaKlQb0rYcg.png)
UW sign-in allows us to verify that they are affiliated with UW and connect their Husky card to the app
The progress bar allows users to know how far they are in the onboarding process
Option to skip questions
Option to input dietary restrictions to help us personalize their recommendations
Bubble-style topic selection makes it more friendly and intuitive
Design Solution
Our solution improves the state of the existing Dub Grub application by providing users with a one-stop-shop for campus dining and grocery shopping. The key additional features our solution provides are filtered search, takeout and grocery delivery, and real-time order tracking.
![](https://framerusercontent.com/images/z2u6oVA7ORXvXGVJi0zX6swQf4I.jpeg)
Brainstorm & Sitemap
During the brainstorming phase, we thought about the key features of our app that address our problem space. We identified our different users as students who are ordering the food, students who are delivering the food, and restaurants making the food. We created a site map that shows the overall flow of the app.
Wireframes
![](https://framerusercontent.com/images/3ITpYgKCB9yYFQ011MECTeXQ.jpeg)
![](https://framerusercontent.com/images/vi8LbEpYFWq9y2DphPJQFDGLbDs.jpeg)
![](https://framerusercontent.com/images/p68Cz9AlVksGfnC4my1qem4Ums.jpeg)