Skip to main content
UI Coach Logo
Intermediate

Order Ahead for Table Service

Design a mobile ordering flow that lets diners schedule food to be ready when they arrive at a restaurant.

Mobile2 to 4 hours

The brief

Understand the problem

Background

Ordering before arrival can reduce waiting, but preparation time, table readiness, menu availability, and a changing arrival time make the promise difficult to coordinate.

User context

Darius has a forty-minute lunch break. He wants to order from a nearby cafe, arrive at 12:25 p.m., and eat at a table without spending most of the break waiting.

Product problem

The restaurant needs enough notice to prepare food, while the diner needs confidence that the order will not sit too long or be started before arrival is certain.

Objective

Create the menu, scheduled-order checkout, and arrival coordination experience.

What to design

Define the experience

Required experience

  • Choose dine-in or pickup before browsing
  • Select an arrival time based on current preparation capacity
  • Customize items and review allergens
  • Update arrival status and collect the completed order

Screens and states

  • Service choice
  • Menu
  • Item customization
  • Scheduled checkout
  • Order status

Core user flow

Follow the critical path

  1. 01

    Darius selects dine-in and a proposed arrival time

  2. 02

    He builds an order and reviews preparation timing

  3. 03

    He pays and receives an arrival check-in reminder

  4. 04

    A transit delay causes him to update his arrival time

Product rules

Requirements and constraints

Requirements

  • Keep price, preparation time, and unavailable options visible
  • Prevent selection of an arrival window the kitchen cannot meet
  • Explain when payment is captured
  • Allow the restaurant to confirm or propose a revised time

Constraints

  • Inventory can change during checkout
  • Some dishes do not hold well after preparation
  • The restaurant may have limited seating even when the kitchen has capacity

Reality check

States worth considering

An item sells out after payment
The diner arrives early or late
The restaurant proposes a later time
Payment succeeds but confirmation is delayed

Finish line

What to deliver

  • Five polished mobile screens plus one timing-related recovery state
  • A brief note describing how the design protects both diner and restaurant expectations

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
RobotoLora

Roboto & Lora

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Advanced
Food and dining

Restaurant Visit From Menu to Payment

Design a restaurant app that connects live menu availability, table booking, and an accurate in-venue bill.

Mobile4 hours plus
Service DesignError Handling
Advanced
Food and dining

Choose Your Restaurant Table

Design a reservation flow that lets diners request a specific available table or seating zone.

Mobile2 to 4 hours
AccessibilityInteraction Design
Intermediate
Food and dining

Choose a Restaurant Table

Design a reservation flow that lets diners understand a restaurant floor plan and request a suitable available table.

Mobile2 to 4 hours
Interaction DesignAccessibility
Intermediate
Food and dining

Restaurant Group Order and Bill Split

Design a shared restaurant order that coordinates individual choices, dietary notes, deadlines, totals, and payment failures.

Mobile2 to 4 hours
Mobile DesignInteraction Design
Intermediate
Food and dining

Time-Sensitive Grocery Substitution Approval

Design a shopper-to-customer approval flow for unavailable groceries with price, quantity, dietary, and response-window context.

Mobile1 to 2 hours
Mobile DesignInteraction Design
Advanced
Food and dining

Food Freshness Decision Guide

Design a cautious food-checking assistant that combines package details, storage history, and visible signs without making unsafe guarantees.

Mobile2 to 4 hours
Trust and SafetyContent Design