UX case study: Food delivery & pickup app

Dinesh Chellamuthu
Bootcamp
Published in
4 min readOct 29, 2022

Ordering food can be exciting but picking up food in a long queue or waiting for it to deliver can be time-consuming. Here is the app to schedule the delivery time so that users don’t have to wait on their doorstep or wait for the food to arrive. This app puts an end to the waiting and also saves you time and a lot of hassle.

Problem Statement

Waiting for the food to be delivered and waiting in a queue to pick up the food can be exhausting.

  • People prefer to avoid long queues & get served faster.
  • Users are always worried about the delivery timing.
  • There is no proper detailed information provided about the menu.

Solution

  • Users can specify the time when they require food, and the restaurant will prepare it in such a way.
  • Helps users to get food without waiting in the restaurant.
  • Users can add & read reviews about the food on every menu.

Pain Point

  • Time: Users are busy and don’t want to waste time by waiting for food.
  • Accessibility: Details in the menus are often not given properly, which makes it difficult for users to read and order.
  • Support: Users can’t write their feedbacks on the individual menu.

User personas

Based on the information gotten from the research, I created a persona representing an ideal user of the application.

User Journey Mapping

Prasanth’s user journey mapping revealed areas where we can make improvements in his journey for a better user experience.

User flow

I created a user flow using figma to illustrate how the user will navigate through the application.

Visual representation of the steps a user will take to achieve their main goal.

Design solution

The home screen is reasonably designed with clearly displayed fields, providing a user-friendly interface.

  • The search bar includes basic search and voice search features, with maximum support for all users.
  • The menu is clearly categorized, which makes it easier for users to find their dishes.
Menu screen

The menu detail page is designed in a minimalistic style, which makes it easy for users to select and add food to the cart.

  • The menu detail page provides a clear food image that helps buyers visualize the food That they are about to buy.
  • It also describes each food item, along with nutrition and ingredients information.
  • Especially the calories provide by each dish, help health-conscious users to know without searching for information elsewhere.
Review screen

The menu is an important part of any restaurant, and users need to be able to give feedback on it. This helps the restaurant to improve its menu and make it more user-friendly.

  • User review on the menu can also help the restaurant to understand what users want and do not want. This can help the restaurant to make changes to the menu that will be more popular with users.
  • Users can add image of the received food in the review.
  • Users can write reviews on each menu.
Cart screen

Users can specify their preference while ordering the food.

  • They can specify the time when they require food, and the restaurant will prepare it in such a way that it remains fresh and tasty.
  • The orders can also be placed for delivery or pick-up, which makes it quite convenient for the users.
Checkout screen
  • Users can see the order type and scheduled timing of the order on the checkout screen.
  • The user can checkout items in their cart by selecting the preferred mode of payment.
My order screen
  • Users have a unique QR code that they can show while picking up the order.
  • Users can download the order screen by clicking download, so they don’t have to visit the app while scanning the QR code.
  • Also, users can share their order details.
  • The restaurant can also send a notification to the user if the order is not picked up within the given time.

Lofi wireframe

Hifi wireframe

Thank you for staying with me this far, I will really appreciate any feedbacks or areas I can improve.

--

--

Bootcamp
Bootcamp

Published in Bootcamp

From idea to product, one lesson at a time. Bootcamp is a collection of resources and opinion pieces about UX, UI, and Product. To submit your story: https://tinyurl.com/bootspub1