Transforming the way busy adults enjoy healthy meals, I designed a mobile app for BeachSide SnackShop to streamline food delivery and online ordering. The app empowers users to save time by skipping lines and avoiding meal prep, all while enjoying the convenience of fast and efficient service.
Project Type
UX/UI, UX Research
Team
Rollin solo!
My role
Lead designer
Timeline
April 2023 - Dec 2023
When I took on the project for BeachSide SnackShop, a local oceanside restaurant, my goal was to elevate the customer experience with a streamlined food delivery app. Through research, I discovered that busy adults often struggle to balance their time between work, family, and personal interests, leaving little room for meal prep. They needed a quick, convenient way to order healthy food without the hassle.
The solution was the BeachSide SnackShop app—designed to help users skip the lines, save time, and enjoy fresh meals delivered right to their door, allowing them to focus on what matters most.
After conducting competitive analysis and 1-on-1 interviews with potential users, we gathered helpful insights. In examining Uber Eats and DoorDash, two major competitors in the realm of online food ordering and real-time delivery tracking, I observed that their interfaces can become overwhelming due to the multitude of additional services they provide. For first-time users, it can be challenging to pinpoint exactly what they are looking for, whether it’s a specific restaurant or menu item.
Busy adults often find themselves wasting time navigating through overwhelming and confusing online food ordering systems, diverting their focus from aspects of life that hold greater importance to them.
After diving into the challenges users faced with existing food delivery apps and understanding their busy lifestyles, we asked ourselves a key question: How can we create a mobile app for BeachSide SnackShop that not only simplifies online ordering but also provides accurate, real-time tracking? This question became the foundation of our design process. From there, we began sketching out initial ideas, translating user needs into paper and digital wireframes. These early designs helped us visualize how to craft an intuitive solution that would feel seamless and efficient for our users.
After conducting low-fidelity prototype testing, I found that:
Users need a more intuitive way to add items to their cart.
Users need more convenient options to contact their delivery driver.
Users need a more intuitive check-out and order confirmation process.
I made improvements to the low-fidelity design before moving forward with any hi-fidelity mockups.
Increased the size of the plus button icons so they were more easily identifiable
Created an additional screen after the checkout process that confirmed the user’s order
Included a “call” and “message” button so users could contact their driver directly through the app
After completing the first iteration of high-fidelity mockups, I facilitated another round of user testing. I discovered that:
Design elements were way too crowded
There was inconsistency with spacing, button and icon sizes, and placement of design elements
The color palette and typography were distracting
Certain page layouts were confusing and crowded
The simplified ordering options and real-time delivery tracking will allow users to order at any time during their day, empowering them to reclaim their free time.
Real-time tracking and easy driver contacting allows users to feel confident that their order will arrive on time.
An intuitive layout and design provides users with an easy and straightforward way to place their orders.
Users can reclaim their free time by directing their attention away from prepping home-cooked meals.
Prepare designs to meet WCAG guidelines
Consider different accessibility features: different language options and how the design can be optimized for screen readers
Conduct a third usability test to pinpoint any features that may be missing or existing features that could be improved upon
When I designed my first high-fidelity mockup, I was unfamiliar with auto layout. After experimenting with it, I learned how helpful it was in creating consistent and well spaced out layouts. I also realized that I can design screens that are scrollable, meaning there was no need for me to cram every element into a fixed size screen.
