MenuMagic

MenuMagic

PROJECT

Team-project

KEY CONTRIBUTIONS

Prototype

Wireframing

Interaction developing

3D modeling

TOOL

Figma, Lens Studio, Cinema 4D

PROJECT

Team-project

KEY CONTRIBUTIONS

Prototype

Wireframing

Interaction developing

3D modeling

TOOL

Figma, Lens Studio, Cinema 4D

PROJECT

Team-project

TOOL

Figma, Lens Studio, Cinema 4D

CONTRIBUTIONS

Prototype

Wireframing

Interaction developing

3D modeling

MenuMagic

Overview

Problem

Ordering from a menu is a decision made under uncertainty. Diners commit to dishes they can’t see, taste, or fully understand — and the gap between expectation and reality has measurable costs.

This uncertainty can lead to decision paralysis, avoidance of unfamiliar dishes, and dependence on the server to confirm details diners can't verify themselves.

For restaurants, it can result in lower order value, slower turnover, safer choices, and less menu exploration.

Design Response

MenuMagic replaces the static menu with a spatial interface anchored to the diner's placemat:

  • Anchor information to the physical placemat — As users rotate it, more details gradually appear, giving them time to explore the menu without feeling overwhelmed at first glance.

  • Replace UI controls with spatial gestures — Palm-up brings up the menu, grabbing selects an item, and reaching forward confirms an action.

  • Reveal information gradually — Diners decide how quickly they explore, while the interface guides what appears first and what comes next.

Project Video

Overview

Conceptual Impact

Moved beyond 2D interface patterns

Turning menu interaction from flat overlays into a spatial experience grounded in physical gestures and real-world objects.

Addressed both sides of the dining experience

The design responds to diner pain points and restaurant pain points.

Rapid iteration & execution

Facilitated multiple rounds of feedback and synthesis to refine the spatial UI across three documented iterations.

Research

Customer Research

We interviewed 7 frequent diners recruited from our program. Conversations surfaced pain points spanning the full ordering journey — from initial decision-making to post-meal disappointment.

These insights revealed 3 key patterns:

#1 Decision Paralysis & Disappointment

I spend too much time deciding because I'm afraid the food won't match my expectations —then I feel like I wasted money when it doesn't.

#2 Cultural Cuisine Barriers

I want to try ethnic dishes like 'Char Siu Bao,' but when descriptions don't explain or show what it is, I have no idea what I'm ordering.

#3 Awkward Information Seeking

I hate to ask the server a million questions about menu items—I worry they're getting annoyed, and I feel like I'm being high-maintenance.

Research

User Journey

We mapped our persona's dining experience with traditional menus, tracking actions and thoughts from initial excitement to final disappointment.

The peak friction moments — paralysis at Deciding and regret at Post-Decision — are exactly where the static menu format breaks down. Diners can't see what a dish actually looks like, can't verify what's in it, and can't access answers without interrupting the meal.

Desk Research — Why AR over static menus?

The User Journey surfaced two peak friction moments — and static menus can’t address either.

AR addresses both directly by offering a more responsive medium, turning the menu from a static document into an interactive surface anchored to the dining environment.

Paper Menu

Limited - static text descriptions and occasional photos

AR Menu

3D visualizations with comprehensive nutritional data and ingredient details

Customer

  • Make informed choices aligned with dietary needs

  • Visual previews eliminate ordering uncertainty

  • Access detailed nutritional and allergen information instantly

Business

Increased Average Order Value (Visuosofts, 2026):

  • Detailed visuals encourage menu exploration

  • Customers discover dishes they'd overlook in text-only menus

Paper Menu

Dependent on server availability and explanations

AR Menu

On-demand information access with intuitive navigation

Customer

  • Browse at own pace without pressure

  • Access instant translations for international cuisines

  • Get immediate answers to dietary questions, especially during peak dining hours

Business

Operational Efficiency:

  • Handle unlimited simultaneous customers

  • Reduced communication errors

  • Improved table turnover rates

Paper Menu

Limited text descriptions and occasional photos

AR Menu

3D visualizations with comprehensive nutritional data and ingredient details

Customer

  • Make informed choices aligned with dietary needs

  • Visual previews eliminate ordering uncertainty

  • Access detailed nutritional and allergen information instantly

Business

Increased Average Order Value:

Increased Average Order Value (Visuosofts, 2026):

  • Detailed visuals encourage menu exploration

  • Customers discover dishes they'd overlook in text-only menus

Paper Menu

Dependent on server availability and explanations

AR Menu

On-demand information access with intuitive navigation

Customer

  • Browse at own pace without pressure

  • Access instant translations for international cuisines

  • Get immediate answers to dietary questions, especially during peak dining hours

Business

Operational Efficiency:

  • Handle unlimited simultaneous customers

  • Reduced communication errors

  • Improved table turnover rates

Paper Menu

Passive reading experience with minimal interaction

AR Menu

Interactive, shareable moments that transform ordering

Customer

  • Menu browsing becomes entertaining experience

  • Creates memorable dining moments

Business

  • Unique AR experiences drive social media sharing

  • Natural attraction for new customers

Research

User Journey

Desk Research — Why AR over static menus?

We mapped our persona's dining experience with traditional menus, tracking actions and thoughts from initial excitement to final disappointment.

The User Journey surfaced two peak friction moments — and static menus can’t address either.

AR addresses both directly by offering a more responsive medium, turning the menu from a static document into an interactive surface anchored to the dining environment.

Desk Research — Why AR over static menus?

The User Journey surfaced two peak friction moments — and static menus can’t address either.

AR addresses both directly by offering a more responsive medium, turning the menu from a static document into an interactive surface anchored to the dining environment.

Synthesis

User Persona

Taking research insights into design, we developed a user persona to identify the ideal user who would gain the most value from the Augmented Reality menu. This persona ensured real-world relevance and guided development by keeping us focused on users’ needs.

Interviews revealed three primary pain patterns — decision paralysis, cultural cuisine barriers, and server-questioning anxiety. A secondary thread emerged when discussing why diners hesitate to try unfamiliar cuisines: uncertainty about ingredients and dietary fit.

These insights shaped our persona, which represents the broader set of uncertainties the AR menu needed to address.

The Health-Conscious Explorer

The Health-Conscious Explorer

Adventurous, Allergic to Nuts

Adventurous, Nut allergy

“As a wellness-focused foodie who loves exploring ethnic cuisines, I want to confidently try new dishes while ensuring every meal aligns with my dietary needs and expectations.

“As a wellness-focused foodie who loves exploring ethnic cuisines, I want to confidently try new dishes while ensuring every meal aligns with my dietary needs and expectations.

Goals

  • Balance exploring new foods while maintaining health-conscious choices

  • Make confident, informed decisions when ordering unfamiliar food

  • Have satisfying dining experiences that align with expectations

Needs

  • Explore diverse ethnic cuisines confidently

  • Access complete ingredient lists for allergen safety

  • View nutritional data to support fitness goals

  • See realistic previews of portions and presentation

Pain Points

  • Ordering blind risks allergen exposure

  • Feels burdensome asking detailed questions to busy servers

  • Cannot assess if portions/preparation align with health goals

  • Cannot assess if portions or preparation align with health goals

  • Googling unfamiliar dish names and foreign ingredients

The Health-Conscious Explorer

Adventurous, Allergic to Nuts

“As a wellness-focused foodie who loves exploring ethnic cuisines, I want to confidently try new dishes while ensuring every meal aligns with my dietary needs and expectations.

Goals

  • Balance exploring new foods while maintaining health-conscious choices

  • Make confident, informed decisions when ordering unfamiliar food

  • Have satisfying dining experiences that align with expectations

Needs

  • Explore diverse ethnic cuisines confidently

  • Access complete ingredient lists for allergen safety

  • View nutritional data to support fitness goals

  • See realistic previews of portions and presentation

Pain Points

  • Ordering blind risks allergen exposure

  • Feels burdensome asking detailed questions to busy servers

  • Cannot assess if portions/preparation align with health goals

  • Googling unfamiliar dish names and foreign ingredients

How might we create informed dining experiences that help diners make confident ordering decisions through spatial menu exploration?

reason

need

user

Ideation

User Flow + Information Architecture

We translated journey insights into a structured user flow and information architecture. This blueprint mapped the optimal user path through each dining stage, ensuring every pain point had a corresponding solution.

We translated journey insights into a structured user flow and information architecture. After initial setup, the architecture centres on the dish itself: from a single 3D visualization, diners can move naturally between the description, ingredients, nutritional data, or ordering — in any sequence, at any pace.

We translated journey insights into a structured user flow and information architecture. After initial setup, the architecture centres on the dish itself: from a single 3D visualization, diners can move naturally between the description, ingredients, nutritional data, or ordering — in any sequence, at any pace.

We translated journey insights into a structured user flow and information architecture. After initial setup, the architecture centres on the dish itself: from a single 3D visualization, diners can move naturally between the description, ingredients, nutritional data, or ordering — in any sequence, at any pace.

Ideation

Developing a Solution

Guided by the User Flow, this application is designed for use with AR headsets. Diners can preview dishes in realistic 3D, customize orders independently, and instantly access dietary information — all through natural spatial interactions. Key features include:

Guided by the User Flow, this application is designed for use with AR headsets. Diners can preview dishes in realistic 3D, customize orders independently, and instantly access dietary information — all through natural spatial interactions. Key features include:

01. Gesture Tracking

Hand gestures replace physical controls. A palm-up gesture summons the menu, grabbing motions select items, and a closing gesture dismisses.

02. Spatial Placemat Interface

The interactive placemat functions as a contextual interface where virtual dishes materialize within the diner's physical space, enabling self-guided menu exploration and ordering at their own pace.

03. Dietary Preferences Filter

Dietary filters highlight menu items that match specific needs — including allergen-free options, religious restrictions, and personal preferences.

04. 3D Food Visualization with Details:

True-to-life food models close the expectation–reality gap — diners see portions from every angle, with ingredients, nutritional data, and the dish's culinary story available on demand.

05. Customization Controls

Modifications happen directly on the dish — diners add, swap, or remove ingredients with spatial buttons that respond to natural reaching, seeing every change in real-time.

01. Gesture Tracking

Hand gestures replace physical controls. A palm-up gesture summons the menu, grabbing motions select items, and a closing gesture dismisses.

02. Spatial Placemat Interface

The interactive placemat functions as a contextual interface where virtual dishes materialize within the diner's physical space, enabling self-guided menu exploration and ordering at their own pace.

03. Dietary Preferences Filter

Dietary filters highlight menu items that match specific needs — including allergen-free options, religious restrictions, and personal preferences.

04. 3D Visualization with Details:

True-to-life food models close the expectation–reality gap — diners see portions from every angle, with ingredients, nutritional data, and the dish's culinary story available on demand.

05. Customization Controls

Modifications happen directly on the dish — diners add, swap, or remove ingredients with spatial buttons that respond to natural reaching, seeing every change in real-time.

01. Gesture Tracking

Hand gestures replace physical controls. A palm-up gesture summons the menu, grabbing motions select items, and a closing gesture dismisses.

02. Spatial Placemat Interface

The interactive placemat functions as a contextual interface where virtual dishes materialize within the diner's physical space, enabling self-guided menu exploration and ordering at their own pace.

03. Dietary Preferences Filter

Dietary filters highlight menu items that match specific needs — including allergen-free options, religious restrictions, and personal preferences.

04. 3D Visualization with Details:

True-to-life food models close the expectation–reality gap — diners see portions from every angle, with ingredients, nutritional data, and the dish's culinary story available on demand.

05. Customization Controls

Modifications happen directly on the dish — diners add, swap, or remove ingredients with spatial buttons that respond to natural reaching, seeing every change in real-time.

Iteration

Design Decision

After visualizing the concept and gathering feedback, I identified three critical iterations that shaped the final experience. Each iteration prompted me to redefine Augmented Interaction, moving beyond 2D constraints and exploring spatial possibilities.

Menu Display

Before:

Before:

The traditional overlay approach created a disconnect between digital information and the physical dining environment. Static overlays floated digital layers over the real world without adapting to user movement or position.

After:

After:

The spatial AR approach integrates menu browsing naturally into the dining experience. Food visualizations appear contextually within the user's space, repositioning with head movement and maintaining spatial awareness.

Dish Information Display

Before:

Before:

Presenting all dietary information simultaneously created cognitive overload — an overwhelming experience that made it harder, not easier, to make confident choices.

After:

After:

The refined circular interface reveals information progressively through a logical hierarchy. Diners control the pace by rotating the physical placemat, with visual arrow guides directing the sequence.

The Trade: information is no longer available at a glance — diners must engage with the placemat to access deeper layers, but that interaction prevents overload.

Interactive Buttons

Before:

Before:

Traditional 2D buttons felt disconnected from the immersive AR visualizations, creating a jarring transition between spatial content and flat controls.

After:

After:

Spatial 3D buttons preserve the immersive experience by responding to natural reaching and touching gestures. Users interact with controls as naturally as they would physical objects.

The Trade: 3D buttons take more space in the field of view than flat UI, but their physical affordance keeps the experience spatially coherent.

Menu Display

Before:

The traditional overlay approach created a disconnect between digital information and the physical dining environment. Static overlays floated digital layers over the real world without adapting to user movement or position.

After:

The spatial AR approach integrates menu browsing naturally into the dining experience. Food visualizations appear contextually within the user's space, repositioning based on head movement and maintaining spatial awareness.

Dish Information Display

Before:

Presenting all dietary information simultaneously created cognitive overload — an overwhelming experience that made it harder, not easier, to make confident choices.

After:

The refined circular interface reveals information progressively through a logical hierarchy. Diners control the pace by rotating the physical placemat, with visual arrow guides directing the sequence.

The Trade: information is no longer available at a glance — diners must engage with the placemat to access deeper layers, but that interaction prevents overload.

Interactive Buttons

Before:

Traditional 2D buttons felt disconnected from the immersive AR visualizations, creating a jarring transition between spatial content and flat controls.

After:

Spatial 3D buttons preserve the immersive experience by responding to natural reaching and touching gestures. Users interact with controls as naturally as they would physical objects.

The Trade: 3D buttons take more space in the field of view than flat UI, but their physical affordance keeps the experience spatially coherent.

Final Design

High-Fidelity Concept

To demonstrate how the spatial interface would feel in practice, I translated MenuMagic's interaction design into a 3D-rendered concept. The three moments below — activation, exploring, ordering — show what the full dining experience would look like at production quality.

With a simple palm-up gesture, diners awaken the AR menu. Dietary filters allow them to select safe options that match their specific needs

With a simple palm-up gesture, diners awaken the AR menu. Dietary filters allow them to select safe options that match their specific needs

With a simple palm-up gesture, diners awaken the AR menu. Dietary filters allow them to select safe options that match their specific needs

Final Design

Final

Lens Studio Prototypes — Proof of Concept

To validate the technical feasibility of the design, I built a functional prototype in Lens Studio. Despite limited coding experience, I used platform resources and AI assistance to implement the core spatial interactions — hand gesture controls, placemat navigation, and button gestures in a real environment.

Hand gesture menu controls

Hand gesture button controls

Placemat Navigation

What I learned?

Designed Natively For the Medium

Spatial design requires moving beyond 2D thinking. Without screen constraints, depth and environment become part of the interface. Embracing this mindset early led to more innovative, medium-native experiences.

Communication is Key

Working in isolation often led to circular thinking, where I'd get stuck on a single idea. Frequent collaboration and open discussion brought different perspectives + diverse insights that acted as the "missing piece," breaking the cycle and leading to stronger solutions.

If I had additional time, I would…

Conduct Ergonomic Usability Testing

Since this design relies on physical gestures,, I would test the prototype on actual AR hardware. I want to validate that these interactions remain comfortable over a full dining session and do not cause "gorilla arm".

What I learned?

Designed Natively For the Medium

Spatial design requires moving beyond 2D thinking. Without screen constraints, depth and environment become part of the interface. Embracing this mindset early led to more innovative, medium-native experiences.

Communication is Key

Working in isolation often led to circular thinking, where I'd get stuck on a single idea. Frequent collaboration and open discussion brought different perspectives + diverse insights that acted as the "missing piece," breaking the cycle and leading to stronger solutions.

If I had additional time, I would…

Conduct Ergonomic Usability Testing

Since this design relies on physical gestures,, I would test the prototype on actual AR hardware. I want to validate that these interactions remain comfortable over a full dining session and do not cause "gorilla arm".