Eureka! Restaurant Mobile App
UI/UX Design
Traditionally, mobile ordering apps have been reserved for fast food restaurants. However, sit down restaurants like Eureka! can benefit from a mobile ordering app to help increase revenue. This would also replenish time, increase efficiency, and generate accessibility for customers who want to enjoy a higher quality food option while still benefitting from the speed of service. In this case study, I followed the UX Design Process to design and prototype a mobile ordering app for Eureka! Restaurant that follows their brand image, logo, and colors to stay consistent with their brand and marketing. Follow along and help me complete my order with Eureka!
"Usually I always prefer to get take out... either online or mobile order"
"Would rather eat at the comfort of my home because it is more convenient and quicker"
As an accountant with a busy schedule, I want to easily and efficiently order food for my family on the app so that I can limit the time and energy needed to bring food home to the family.
Main competitors: Blaze Pizza & Shake Shack
Opportunities: Provide final calorie count at checkout, confirm allergies throughout ordering process, and allow users full customization of ingredients
1. Home
2. Location
3. Menu
4. Item
5. Summary
6. Checkout
John is a hard working accountant who needs an intuitive mobile ordering app to minimize the time spent picking up food from Eureka! in order to enjoy high quality American food and maximize the amount of time he spends with his family at home.
How might we motivate customers with a busy schedule to utilize our mobile ordering app in order to efficiently save them time during the pickup process?
Our Eureka! app will let users place orders in advance which will affect users who have to make and pick up orders by allowing them to enjoy high quality food in the comfort of their homes and pick up orders fast. We will measure effectiveness by tracking orders placed on the app.
I sketched 5 potential wireframes, chose the best features from each sketch, combined them in a final sketch, and digitized it. I then repeated this process for each screen.
I performed a usability study where I recruited 5 potential users, asked them to perform certain key tasks, and used certain key performance indicators (KPIs) to measure the success rate. Then, I analyzed the themes in an affinity diagram and developed the following insights:
After completing the first usability test, I used the insights as actionable items and implemented color, typography, and other visual design elements to create a design guideline and hi-fi prototype:
Insight #1: users need better cues for choosing a restaurant location.
Insight #2: users need a more intuitive way to navigate the menu.
Insight #3: users need to be able to intuitively customize ingredients on the burger.
Insight #4: users need a constant reminder of how many items are in their cart.
Next, I performed the same usability study and came up with the following insights:
After performing the second and final usability study, I implemented the insights, made some final design decisions, and updated the design guideline with the iOS native design system:
.png)
I am constantly finding myself coming back to update the design on this app as I learn more in the field. This is my most recent design*:
Insight #1: users need more information and better visual cues when looking over their recent orders.
Insight #2: users need a navigation tool to guide them through the ordering process.
Insight #3: users should be given the ability to edit orders, allow orders to be deleted in the order summary page, and edit pickup times.
Insight #3
Insight #4: users need to know how long it will take for their order to be ready and where to pick it up.
*Mockup most recent update on 12/07/2022
Being able to recreate common restaurant ordering apps for a restaurant like Eureka! was an enjoyable experience. This project gave me the most in-depth knowledge of the design process and restaurant mobile ordering process. I learned how to properly conduct interviews and analyze the data, use color theory and typography to help guide the user through a seamless experience, follow native design guidelines, and design with accessibility in mind!
I am looking for full time/contract/internship opportunities in Product Design! I am also actively looking to collaborate with driven entrepreneurs to build a product that can help improve people's lifestyles!