GRASSIMA Restaurant - UX/UI Case Study

Description

The purpose of the application is to allow ordering dishes in a convenient and fast way from a large restaurant chain that has many branches.

The application offers the user two options:

  1. The user locate the desired restaurant, order the dishes in the app and arrive at the restaurant.
  2. the user order delivery that will arrive at the user’s home.
 

The restaurant offers fresh and varied Mediterranean-style food that actually allows you to order food for the whole family at reasonable prices.

The challenge

The big challenge is to build an application with a simple interface that allows fast and convenient ordering for every user, even for users who are less technologically savvy and those who are not used to ordering via smartphone.
The goal is to avoid a complicated registration process and filling out unnecessary forms. Users must also be allowed to pay in a variety of ways and also enjoy coupons and discounts.

Research and interviews

A. In the first step, I did extensive research on the Internet to locate the top 5 apps for ordering prepared food from restaurants and reserving seating.

B. In the next step, I looked for users who usually book places in restaurants online and also order delivery of dishes. I presented them with the top 5 apps I found and asked them several questions to compare the apps:

  1.  What is the most convenient application to use? And what is the reason for this?
  2.  Which app has the most beautiful design? Can you explain why?
  3.  Is there a reason why you won’t use a certain application?
  4. . What is the application in which the ordering process is the fastest and simplest?

 

After the interviews I came to several conclusions:

  1.  The dishes should be presented in orderly categories and each dish should have an attractive picture, a short description and a clearly displayed price.
  2.  The order route should be clear to the user and I must try to make this route as short as possible.
  3.  There should be a simple option to change the order of the prepared food without starting the whole ordering process from the beginning
  4.  The user should be allowed to pay in a variety of payment methods.
  5.  The design should be in warm and happy colors that stimulate the appetite.
  6. Using icons greatly helps the user to understand where he is and what options he has.

The site map

I made a site map for two types of users: the first is the one who chooses to visit the restaurant and the second is the one who wants to order delivery to his home

The wireframes

According to the site map, I prepared wireframes that follow the user’s steps and the transitions between the different screens

UI design

The design phase included designing a logo, choosing a color palette, fonts, icons and more

Play Video

Click to watch the video of the final result

Usability testing

After I finished the user interface design, I assembled a group of several users and asked them to use the application to test how user-friendly the application is.

I asked the users to perform several actions:

  1.  Choosing a restaurant branch.
  2. Ordering a complete takeaway meal according to a menu I defined in advance.
  3. Reservation of a seat in the restaurant.
  4.  Making changes to the order of dishes before the end of the order (for example changing a dish and changing quantities).


After analyzing the data I came to several conclusions:
The users easily located the desired restaurant branch and were able to make complex orders without any particular difficulties.

At the same time, I came to the conclusion that I should make several improvements to the application:

  1.  The pictures are not big enough and the price is not prominent.
  2.  The dish description should be shorter and more concise.
  3.  The user should be allowed to add or cancel a product at any stage of the ordering process.
  4.  It is desirable that the selected restaurant branch appear at the top of the page during the entire ordering process.
back
My Email

© 2023 Yaacov Web Design