top of page

Grill republic food app- Case Study

Mobile app for Grill Republic Restaurant - Ashish Oza

mockup dark 2.png

Project overview

The Product

The Grill Republic is a known restaurant having branches spread all over Mumbai. Since the restaurant is a hotspot for foodies because of its delicious menu items. This place is crowded and gets very busy at the weekend. They offer a wide spectrum of competitive pricing. The Grill Republic targets customers like commuters and workers who lack the time or ability to prepare a family dinner. 

Project duration:

7t Feb 2022 to 4th March 2022

The Problem:

Busy workers and Students lack the time necessary to prepare a meal and are outside in a queue for a longer time.

My Role:

UX designer designing an app for Grill Republic Restaurant from conception to delivery and book reservation.

Frame 3 (4).png

The Goal:

Design an app for the Grill Republic that allows users to easily book reservation, order and pick up Their favourite dishes.

Responsibilities:

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

User research: summary

I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs. A primary user group identified through research
was working adults who don’t have time to wait in a queue. 


This user group confirmed initial assumptions about Grill Republic customers, but research
also revealed that time was not the only factor limiting users from cooking at home.
Other user problems included obligations, interests, or challenges that make it
difficult to get groceries for cooking or go to restaurants in-person

User research: Pain Points

Time

Working adults and students living alone are too busy to spend time on meal prep

Accessibility

Platforms for ordering food are not equipped with assistive technologies and reservation in advance

IA

Text-heavy menus in apps are often difficult to read and order from

Personas : Gaurav Parmar

Problem statement:

Gaurav is a busy working adult who needs quick delivery of his food

Because he has no time to cook dinner for himself.

Grill republic persona (palak and ashish).png

User journey map

Mapping Gaurav’s user journey revealed how helpful it would be for
users to have access to a dedicated Grill Republic app.

User Journey Map [palak and ashish] Grill Republic restaurant (1).jpg

Starting

the design

  • Paper wireframes

  • Digital wireframes

  • Low-fidelity prototype

  • Usability studies

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. 

grill republic wireframe_edited.jpg

Digital wireframes 

As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.

iPhone 13 Mockup (9).png

Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.

iPhone 13 Mockup (10).png

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected was a reservation and ordering food, so the prototype could be used in a usability study. 

 

View the Grill Republic
low-fidelity prototype

Screenshot (5).png

Usability study: findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining. 

Round 1 findings

Round 2 findings

  • Users want to book reservations quickly

  • Users want to select time and date in real-time

  • Users want a delivery option

  • The checkout process has too many unnecessary steps

  • “Email Confirmation” functionality is confusing

  • Users are having problems adding products to the cart

Mockups

Before usability study

After usability study

In early designs, users were not able to select time and date but in the final design the users can see the calendar and selected time. 

iPhone 13 Mockup (11).png
iPhone 13 Mockup (13).png
iPhone 13 Mockup (12).png

Mockups

iPhone 13 Mockup (14).png
iPhone 13 Mockup (17).png
iPhone 13 Mockup (18).png
iPhone 13 Mockup (19).png
iPhone 13 Mockup (16).png
iPhone 13 Mockup (15).png

High-fidelity prototype

The final high-fidelity prototype presented cleaner user flows for booking a reservation and checkout. It also meets user needs for a pickup or delivery option.

 

View the Grill Republic

high-fidelity prototype

Screenshot (12).png

Accessibility considerations

1

Provided access
to users who are visually impaired through adding alt text to images for screen readers.

2

Used icons to
help make
navigation easier.

3

Used detailed
imagery for food items and drinks to
help all users
better understand
the designs.

Takeaways

Impact: 

The app makes users feel like the Grill Republic really thinks about how to meet their needs. 

 

One quote from peer feedback:

“The app made it so easy to book a reservation, especially on weekends, I would definitely use this app as a go-to for a delicious, fast, and even healthy meal.”
 

What I learned:

While designing the Grill Republic 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.

Next steps

Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.

Conduct more user research to determine any new areas of need.

Let’s connect!

Thank you for your time reviewing my work on the Grill Republic app! If you’d like to
see more or get in touch, my contact information is provided below.

 

Email: ashishoza7860@gmail.com

Website: ashishoza.com

bottom of page