Skip to main content
← View All Projects

Case Study

Scan2Dine

A menu interface designed for decisions made under pressure.

Duration

Feb 2025 – June 2025

Role

UI/UX Design · Frontend Development

Team

Collaborative Project

What I Designed

01

A QR-first ordering interface built for one-handed use at a seated table.

02

A menu hierarchy readable in a single glance, even in low light.

03

An order flow reduced to the fewest taps needed to complete a decision.

04

A shipped frontend, deployed and tested against real restaurant conditions.

Problem

Restaurant menus are designed to be read in calm; they are used in noise, hunger, and hesitation.

Intent

Build a menu interface that absorbs the pressure of the moment instead of adding to it.

Approach

01

Designing Real Conditions

The interface was tested against the table, not the desktop. Type sizes, contrast, and tap zones were sized for low light and a held phone.

02

Minimum Interaction Path

Every tap between hunger and order was traced and challenged. What remained is the shortest path possible without losing clarity.

03

Hierarchy Through Clarity

Categories carry the structure; items carry the decision. Nothing competes for the eye that does not also carry weight in the choice.

04

Built And Shipped

The design was carried through to a deployed frontend, not handed off as a file. Production constraints shaped the final interface as much as the research did.

Design Decisions

01

Type was sized for arm’s-length reading, not for screen review.

02

Categories were reduced until the full menu could be understood in one scroll.

03

The cart was kept persistent so the order never had to be remembered.

04

Imagery was reserved for dishes that carried decision weight.

05

Confirmation was made unmistakable so no guest leaves the screen unsure.

Outcome

A live ordering interface that holds its clarity under the conditions a real table actually creates.

Deployed and in use. The interface carried its restraint from prototype through production.

←View All ProjectsNext Case StudyQ-Less→