Person
Person

Ordering Asian

A Progressive Web App that allows restaurant guests to order directly from their table by scanning a QR code.

Progressive Web App

Figma

The Goal

The focus of this project was to reduce friction in the ordering process while creating a friendly, modern in-restaurant experience.

My Role

What my part in this Project was

I worked as the UX/UI Designer on this project and was responsible for the end-to-end design. This included defining the user flow, structuring the ordering experience, designing the interface, and creating a consistent visual language for the app. I translated the initial idea into a clear, usable product concept.

Context

The Problem

In many restaurants, ordering food can be slow and interruptive. Guests often need to wait for staff to take their order or ask questions, while printed menus can feel outdated or inconvenient. Digital solutions exist, but they often require downloading an app, which creates unnecessary friction, especially for first-time visitors.

Design Exploration

The Solution

I designed a QR-based Progressive Web App that gives guests instant access to the menu and ordering flow directly from their table.


The solution includes:


  • Quick access via QR code without downloading an app

  • Clear menu categories for easy navigation

  • Image-driven dish cards to support faster decision-making

  • A simple checkout flow with editable orders

  • A confirmation screen that reassures users their food is being prepared and shows the estimated wait time



The UI combines playful typography and warm colors with a clean structure to remain accessible to all users.

Homepage

Checkout page

Confirmation page

Homepage

Checkout page

Confirmation page

Outcome

The impact

The final concept improves both the guest experience and restaurant operations.


  • Faster and smoother ordering for guests

  • Less dependency on waitstaff for basic tasks

  • Lower entry barrier due to browser-based access

  • Increased clarity and confidence during the ordering process



This project showcases how thoughtful UX design can simplify real-world interactions and create value for both users and businesses.

More Projects

2025–2026

Design

Person
Person

Ordering Asian

A Progressive Web App that allows restaurant guests to order directly from their table by scanning a QR code.

Progressive Web App

Figma

The Goal

The focus of this project was to reduce friction in the ordering process while creating a friendly, modern in-restaurant experience.

My Role

What my part in this Project was

I worked as the UX/UI Designer on this project and was responsible for the end-to-end design. This included defining the user flow, structuring the ordering experience, designing the interface, and creating a consistent visual language for the app. I translated the initial idea into a clear, usable product concept.

Context

The Problem

In many restaurants, ordering food can be slow and interruptive. Guests often need to wait for staff to take their order or ask questions, while printed menus can feel outdated or inconvenient. Digital solutions exist, but they often require downloading an app, which creates unnecessary friction, especially for first-time visitors.

Design Exploration

The Solution

I designed a QR-based Progressive Web App that gives guests instant access to the menu and ordering flow directly from their table.


The solution includes:


  • Quick access via QR code without downloading an app

  • Clear menu categories for easy navigation

  • Image-driven dish cards to support faster decision-making

  • A simple checkout flow with editable orders

  • A confirmation screen that reassures users their food is being prepared and shows the estimated wait time



The UI combines playful typography and warm colors with a clean structure to remain accessible to all users.

Homepage

Checkout page

Confirmation page

Outcome

The impact

The final concept improves both the guest experience and restaurant operations.


  • Faster and smoother ordering for guests

  • Less dependency on waitstaff for basic tasks

  • Lower entry barrier due to browser-based access

  • Increased clarity and confidence during the ordering process



This project showcases how thoughtful UX design can simplify real-world interactions and create value for both users and businesses.

More Projects

Design

Person
Person

Ordering Asian

A Progressive Web App that allows restaurant guests to order directly from their table by scanning a QR code.

Progressive Web App

Figma

The Goal

The focus of this project was to reduce friction in the ordering process while creating a friendly, modern in-restaurant experience.

My Role

What my part in this Project was

I worked as the UX/UI Designer on this project and was responsible for the end-to-end design. This included defining the user flow, structuring the ordering experience, designing the interface, and creating a consistent visual language for the app. I translated the initial idea into a clear, usable product concept.

Context

The Problem

In many restaurants, ordering food can be slow and interruptive. Guests often need to wait for staff to take their order or ask questions, while printed menus can feel outdated or inconvenient. Digital solutions exist, but they often require downloading an app, which creates unnecessary friction, especially for first-time visitors.

Design Exploration

The Solution

I designed a QR-based Progressive Web App that gives guests instant access to the menu and ordering flow directly from their table.


The solution includes:


  • Quick access via QR code without downloading an app

  • Clear menu categories for easy navigation

  • Image-driven dish cards to support faster decision-making

  • A simple checkout flow with editable orders

  • A confirmation screen that reassures users their food is being prepared and shows the estimated wait time



The UI combines playful typography and warm colors with a clean structure to remain accessible to all users.

Homepage

Checkout page

Confirmation page

Outcome

The impact

The final concept improves both the guest experience and restaurant operations.


  • Faster and smoother ordering for guests

  • Less dependency on waitstaff for basic tasks

  • Lower entry barrier due to browser-based access

  • Increased clarity and confidence during the ordering process



This project showcases how thoughtful UX design can simplify real-world interactions and create value for both users and businesses.

More Projects

2025–2026

Design