top of page
JULY 2021
Green Framed Elegant Restaurant Logo.png
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.
Untitled design (14).png
Group 14.png
Group 13.png
Group 12.png
Group 9.png
Group 11.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.

Untitled design (16).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 :

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


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 :
WhatsApp Image 2021-08-19 at 3.34.04 PM.jpeg

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 :
The Spice's App (1).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

Homepage (1).png

After Usability Test

Home Page - mockup (3).png
Other Mockup Screens :
Untitled design (17).png
Mockups (4).png
Mockups (2).png
Mockups (3).png
Untitled design (25).png
Mockups (1).png
Mockups (1).png
Untitled design (20).png
Untitled design (18).png
Untitled design (21).png
Untitled design (23).png
High - Fidelity Prototype :
Screenshot (158).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 :


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.

bottom of page