Back

Self-Service Kiosk App

Series
UI 02
Type
REAL PROJECT
Platform
KIOSK

Large-format ordering for fast-food kiosks

This self-service ordering app was designed to run on large-format kiosk hardware — the kind you find at MAX and McDonald's. The user is standing right in front of the screen, often in a noisy environment, usually hungry, and almost always in a rush. That context shaped every decision. Touch targets were sized for real fingers on real glass, not a mouse cursor. The visual hierarchy was built to guide someone through a full order in under two minutes — category, item, size, cart, done — without needing to read instructions.

The deep blue system creates a calm anchor in a typically chaotic environment. Font sizes and contrast ratios were validated against WCAG standards, with extra attention to how the UI holds up under the harsh overhead lighting common in fast-food restaurants. When the environment is loud and busy, the interface needs to be the quietest thing in the room.

Two physical self-service kiosk terminals — a smaller countertop unit showing the cart screen with burger and pizza orders, and a larger floor-standing unit showing the pepperoni pizza size-select screen
Restaurant self-service kiosk app — three iPhone screens showing food categories, pizza menu, and pepperoni size selection on a deep blue gradient
Self-service app user flows — three iPhone screens showing the take-away vs eat-in choice on an iridescent backdrop, the cart with burger and pizza items, and the table-service screen with a numbered seating grid