top of page

Quick Menu

QR code menu solution for the restaurants

Mobile screens of Quick Menu mobile app
Animation of Quick Menu mobile app screens
  • Product Design

  • Tools Used: Sketch, Framer

  • Self Project 


The new normal has introduced several new challenges. Contaminated physical objects are believed to act as a medium in spreading the COVID-19 virus from one person to another when sharing. The physical menu in a restaurant or bar is ubiquitous and an essential item. The challenge is to provide an alternative to the physical menu and reduce the spread of the virus.

“If you use paper menus, discard them after each customer use”  – National Restaurant Association


The single-use and disposable menu is the widely used alternate solution to the shared menu but at the same time, it has its own disadvantages as well.


Disadvantages of using a shared paper menu:

  • High price

  • Changes are hard

  • Paper wastage

Use Cases:
The solution should cover the following use cases : 

Image source: Unsplash

“I like the idea of viewing the menu on my mobile but scrolling vertically and horizontally to find my favorite dessert is horrible“

Research - User interview 

The number of participants: 8 participants.


Interviewed 8 people who visited restaurants during the pandemic to understand the current challenges and the pain points on food ordering.


Top challenges with ordering food:
  • Using a reusable menu.

  • Talking with a mask to the waiter.

  • Large PDF menus on the restaurant mobile website.

  • Hard to find the items on the mobile screen.

  • While placing orders, it is hard to swipe/scroll to find the name of the selected food item on a PDF menu.

“Not just during the pandemic, even before this situation, I don't like the reusable menu while having food “

Key Finding :


  • Customers are ready to try an alternative to the paper menu.

  • Viewing the desktop version of the menu on a mobile browser is a big “NO”

  • Finding food items on a PDF menu is challenging.

Existing real paper menu analysis


The paper menu designs were analyzed to understand the pain points and things that work.

Findings of the restaurant menu analysis

  • Menu items have to be grouped by categories

  • Description/Main ingredients of items are needed for customization. 

Sample restaurant menus used for analysis

Design Requirement

  • Contactless

  • Cost-effective

  • Easy to navigate and read


Considered multiple solutions like the mobile website and digital scanned menu. Based on the design requirements and research, finalized the solution of customers viewing the menu on their mobile phones by scanning a QR code.

Use Cases Covered Using a QR Menu

  • Check the menu when waiting for a table - Required use-case

  • Order by looking at the menu sitting inside the restaurant - Required use-case

  • Check menu from home - New

  • Check the menu outside the restaurant or bar - New

Project details

  • Restaurant owner view

  • Customer view

Both the customer and restaurant owner's journey was captured during the analysis phase. The customer journey was iterated towards a solution as part of this project.

Design iteration ​

Multiple design iterations were made and tweaks were made to the design.


Top things modified as part of the iterations:



Mobile screens of Quick Menu mobile app

The prototype was created using Sketch.

Interactive Prototype

The interactive prototype was created using Framer.

Mobile screens animation of Quick Menu mobile app

Usability Testing:

The interactive prototype was shown to 5 participants and given the same set of tasks. 


  • 80% of the participants visited the restaurant at least once during the pandemic. 

  • 20% of the participants did not visit the restaurant during the pandemic.

Next Steps:

Following items are planned for the next phase :


  • Option to toggle between menu with images.

bottom of page