
JULY 2021
UX CASE STUDY
RESTAURANT APP

The Spice's Restaurant App
Android app User Experience 2021
Food App Case Study
The Spice's Restaurant's online food order app, people can easily get their food on just some clicks.
.png)





Project Overview
This is The Spices restaurant app from which anyone could order their food without any problems. Our targets customers like commuters and workers who lack the time or ability to prepare a family dinner.
Project Duration
July 2021 to August 2021.
.png)
The Problem :
Busy workers and commuters lack the time necessary to prepare a meal.
The Goal :
Design an app for The Spice’s that allows users to easily order and pick up fresh dishes ,with simple design of app.
My Role :
UX designer, designing an app for The Spice’s from conception to delivery.
Responsibilities :
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.
User Pain Points :



Time
Working adults are too busy to spend time on meal preparation.



Accessibility
Platforms for ordering food are much complex.



Information Architecture
Text – Heavy menus in apps are often difficult to read and order from.



Past Orders
To show past orders done by the customer as most of them tend to order same.
User Persona :

Problem Statement :
Jack is a Sales executive who needs a simple app which he could use easily and can see his past orders because he doesn't have time and do multitasking with his work.
User Journey Map :

As the initial design phase continued, I made sure to base mapping Jack's user journey revealed how helpful it would be for users to have access to a dedicated 'The Spices' app designs on feedback and findings from the user research.
Paper Wireframes :

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.
Digital Wireframes :
.png)
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Low - Fidelity Prototype :

The low-fidelity prototype connected the primary user flow of building and ordering food ,so the prototype could be used in a usability study with users.
Usability Study : Findings
On 1st checkout page there should be a 'Confirm Order' button in place of 'Looks Good'.
On 2nd checkout page there should be a 'Pay Now' button in place of 'Looks Good'.
There should be an option to change address on checkout page.
Mockups :
Early studies allowed for some customization, but after the usability studies, I added additional option to have a cart where food can be added. So, users can see all the options when they first land on the screen.
Before Usability Test
.png)
After Usability Test
.png)
Other Mockup Screens :
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)

.png)
High - Fidelity Prototype :
.png)
The final high-fidelity prototype presented cleaner user flows for ordering food dishes and checkout . It also met user needs for a pickup or delivery option as well as previous orders section is also there.
Takeaways :
Impact:
The app makes users feel like The Spice’s Restaurant really thinks about how to meet their needs.
​
One quote from peer feedback:
“The app made it so easy and fun to order my favorite dishes! I would definitely use this app as a go-to for a delicious and fast meal.”
What I learned:
While designing ‘The Spice’s Restaurant app’, I learned that the first ideas for the app are only the beginning of the process.Usability studies and peer feedback influenced each iteration of the app’s designs.