Skip to main content
UI Coach Logo
Advanced

Reserve Seats Before They Disappear

Design a ticket booking flow that keeps seat selection, changing inventory, fees, and time limits understandable.

Mobile, Responsive web4 hours plus

The brief

Understand the problem

Background

Popular events create high demand and rapid inventory changes. Buyers need to compare sections and prices while a temporary hold is counting down.

User context

Owen is buying three adjacent seats for a concert. One friend needs step-free access, and the group has agreed on a maximum total budget.

Product problem

Seat maps, accessibility requirements, dynamic availability, and late fees can make checkout stressful and error-prone.

Objective

Create an event ticket flow from performance selection through seat hold, payment, and mobile ticket delivery.

What to design

Define the experience

Required experience

  • Performance selection with availability and price range
  • Accessible seat map with adjacent-seat search
  • Timed order review with full fee disclosure
  • Ticket delivery and transfer controls

Screens and states

  • Event dates
  • Seat selection
  • Order review
  • Payment
  • Ticket wallet

Core user flow

Follow the critical path

  1. 01

    Owen selects a concert date and three tickets

  2. 02

    He filters for step-free access and adjacent seats

  3. 03

    He places a group of seats on a temporary hold

  4. 04

    He reviews fees and completes payment before the hold expires

  5. 05

    He receives tickets and transfers one to a friend

Product rules

Requirements and constraints

Requirements

  • Make available, selected, held, accessible, and unavailable seats distinguishable without relying on color alone
  • Show the hold timer without obscuring critical information
  • Reveal the full order total before payment details are requested
  • Keep accessibility information connected to the selected seat
  • Prevent accidental orphan seats when venue policy applies
  • Explain ticket delivery, transfer, and resale restrictions

Constraints

  • Inventory changes in real time
  • The seat map must work with keyboard and screen-reader navigation
  • Fees vary by event and ticket type
  • The payment flow may involve additional verification

Reality check

States worth considering

One selected seat is taken before the hold begins
The hold expires during payment verification
No three accessible adjacent seats remain
Payment succeeds but ticket generation is delayed
A transferred ticket is not accepted before the event

Finish line

What to deliver

  • Create five mobile screens including an accessible seat map, timed checkout, and expired-hold recovery.

Optional direction

Visual resources

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

Font pairing
Nixie OneLedger

Nixie One & Ledger

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

Icons
Illustrations

Keep practicing

Intermediate
Entertainment

Follow a Live Match Without Watching

Design a live sports match center that makes score changes, key events, statistics, and context easy to scan.

Mobile2 to 4 hours
Data VisualizationMobile Design
Intermediate
Entertainment

Resume a Series on a Niche Streaming Service

Design a focused streaming home and playback experience for a small catalog with episodes, subtitles, and household profiles.

TV2 to 4 hours
Interaction DesignInformation Architecture
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
Entertainment

Separate Viewing Profiles in a Shared Home

Design a TV profile experience that keeps recommendations, watch history, and age boundaries useful on a shared household screen.

TV1 to 2 hours
NavigationInteraction Design
Advanced
Messaging

Bilingual Live Conversation

Design a real-time text chat that translates messages while preserving access to the original wording.

Mobile2 to 4 hours
Interaction DesignContent Design
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