Order process — desktop

Customer ordering flow, happy path. Click to open at full size.

• 01
  Landing
• 02
  Menu
• 03
  Item detail
• 04
  Cart
• 05
  Checkout
• 06
  Confirmation

Order process — mobile preview

Same 6 screens rendered at 390×780 (iPhone 14 width) so you can scan how the order flow adapts. Scroll horizontally · click any frame to open full size.

Storefront — edge states

Out of zone, ordering paused, item 86’d, live tracking.

• 07
  Out of zone
• 08
  Ordering paused
• 09
  Item 86’d
• 10
  Order tracking

Admin / Kitchen

Restaurant-facing. Tablet/desktop. Mockups 18 + 19 are new — orders list + full order detail (with Uber payload visible).

• 11
  Login
• 12
  Kitchen queue (Uber status per ticket)
• 13
  Menu manager
• 18 · new
  Orders list (filters, KPIs, history)
• 19 · new
  Order detail · directo (Stripe + Uber Direct)
• 19b · new
  Order detail · Uber Eats (payout, Uber chat, métricas)
• 14
  Settings
• 21 · new
  Canales (Uber Eats / Glovo) — multi-channel adapters

Communications

Transactional emails sent across the order lifecycle. Each opens standalone (forward-able, screenshot-able).

• 20 · new
  Email gallery — confirmation, accepted, dispatched, delivered, canceled, back-in-stock, daily summary

Integration · Uber Direct

Whiteboard view of the entire order pipeline with the Uber Direct touchpoints highlighted. Sample payloads + status mapping inline.

• 17
  Uber Direct integration flow (quote → create → webhook → cancel)
• 22 · new
  Uber Eats marketplace flow (webhook → accept → ready → payout)

Rider — moved to v2

v1 uses Uber Direct for last-mile (riders managed by Uber). Own-rider portal kept for reference / future phase.

• 15 · v2
  Own-rider portal

Branding

Logo and icon sketches.

• 16
  nokiate icon sample