← Gallery / F PWA — Lucky8 Auckland

Mobile app flow

Restaurant booking + pre-order app for Lucky8 Auckland — 5 screens end-to-end, Modern Vietnamese cuisine on Queen St. Demonstrates 10 hospitality UX patterns reusable for any F&B PWA.

Archetype F · Aesthetic warm · Brand HaoGood · 5 screens · 10 patterns
01 Home — Discovery
6:30 ●● 100%
📍 Auckland CBD ▾ 🛍2
Set menu · May

5 courses
paired with wine

NZ$45 per person
View menu →
📅 Reserve table 🛍 Pre-order 📞 Call us
Featured tonight
See all →
🍜
Bún bò Huế
NZ$24
Spicy 🌶
🥢
Phở wagyu
NZ$32
Chef's pick
🥪
Banh mi sliders
NZ$18
🌿
Spring rolls · 6pc
NZ$16
Vegan 🌱
📖Menu 📅Reserve 🛍Orders 👤Account
02 Menu — Browse
6:31 ●● 100%

Menu

🛍2
🔍 Search dishes, ingredients…
⚙
All Vegan 🌱 Gluten-free Halal Spicy Mild
Starters Mains Sides Desserts Drinks
🌿
Goi Cuon · 6pc
Fresh spring rolls
Prawn, herbs, rice paper, peanut hoisin dip on the side.
🌱 Vegan opt. GF
NZ$16
🥢
Cha Gio · 4pc
Crispy spring rolls
Pork, mushroom, glass noodles. Served with nuoc cham.
Crispy
NZ$18
🥪
Banh Mi Sliders · 3pc
Mini sandwiches
House-cured pork belly, pickled veg, coriander aioli on mini baguettes.
House-made
NZ$22
🍜
Bun Bo Hue
Spicy beef noodle soup
Lemongrass beef broth, brisket, vermicelli, banana blossom.
🌶 Spicy Hue style
NZ$24
📖Menu 📅Reserve 🛍Orders 👤Account
03 Dish — Customize
6:32 ●● 100%
←
🔖
🍜
Chef's pick Spicy 🌶🌶 GF available
Pho Wagyu
Phở bò wagyu vùng cao

Slow-simmered 12-hour beef bone broth, A5 Japanese wagyu sliced thin, hand-cut rice noodles, fresh herbs from our Hauraki garden. Served with hoisin, sriracha, lime on the side.

From the chef "Our broth simmers from 6am — same recipe my grandmother used in Hanoi 50 years ago. The wagyu is our local twist."
Size Required
Spice level
Mild Medium Spicy 🌶🌶 Extra spicy
Add-ons Optional
Extra wagyu +NZ$8
Soft-boiled egg +NZ$3
House chilli oil +NZ$2
Special request
1
04 Reserve — Date & party
6:33 ●● 100%

Reserve a table

Step 1 of 2
Date
May 2026 ▾
Mon
19
Tue
20
Wed
21
Thu
22
Fri
23
Sat
24
Sun
25
Time
6:00 PM
6:30 PM
7:00 PM
7:30 PM
8:00 PM
8:30 PM
Party size
4 guests
Tables for 1–8. Larger groups — give us a call.
Occasion
None Birthday 🎂 Anniversary 💑 Business 💼 Date night ✨
Special request
05 Confirmed — See you Sat
6:34 ●● 100%
✓

Table reserved

See you Sat 24 May · 7:00 PM

ConfirmationLUCKY8-AKL-2851
DateSat, 24 May 2026
Time7:00 PM · 90 min
Party4 guests
OccasionBirthday 🎂
Location23 Queen St
📍 Lucky8 · 23 Queen St, Auckland CBD
Cancellation: free up to 4 hrs before. Need to pre-order? Pre-order menu →

10 hospitality patterns demonstrated

Each screen shows 2–3 patterns reusable for any restaurant or hospitality PWA. Fork the screen that fits your project.

01 · Location switcher + cart
Pill in header for multi-venue groups, paired with cart icon + numeric badge on the right.
02 · Dietary filter chips
Horizontal scroll chips multi-select. Active state filled brand, others surface + border.
03 · Sticky category tabs
Underlined active tab, horizontal overflow scroll. Sticks at top while scrolling dishes.
04 · Dish customization
Segmented (size) + chip row (spice) + checkbox list (addons) + textarea — composable stack.
05 · Time slot grid
3-col grid with active, available, and disabled "Full" states. Strikethrough for booked.
06 · Party size stepper
Large 44px touch buttons + serif italic value. Bigger than +/− than dish qty for confidence.
07 · Occasion select pills
Pills with emoji + label. Single-select default "None", visual cue for upsell to staff.
08 · Special request textarea
Free-form input for allergies, dietary needs. Reused on dish detail + reservation flow.
09 · Receipt + map card
Confirmation card with dashed dividers, mono code values + map preview with grid pattern + pin.
10 · Cross-flow CTA
Reservation success links to pre-order menu — converts a booking into a pre-paid pre-order.