The LUMA Group storefront is a guest-facing витрина for a six-brand restaurant group on Phuket — a warm-paper editorial design that carries a diner from the brand wall through a full order, table booking, and cross-brand loyalty. Below is the whole journey, captured live on the demo stand in both a phone and a desktop viewport.
Every hub card and dish tile now shows a real photo — set in the admin as the card cover / product image, with an honest gradient as the fallback.
Two on-premise order modes with a table- or room-number capture step before checkout, alongside Pickup and Delivery.
Dishes carry topping and option groups — single-choice as radios, multi-select as checkboxes — with a live running total.
One point balance shared across all six brands: earn on every order, spend points at checkout, invite a friend.
A live reserve-a-table flow — server-computed date window and time-slot grid, wired to the public booking API.
Address geocoding tuned to Thailand with seeded Phuket delivery zones, fees, minimums and ETAs per restaurant.
The mockup markup became a fluid layout with tasteful entry transitions, from phone to desktop.
A fixed phone + on-screen code signs in without a live OTP — ready for App Store review and instant demoing.
The LUMA Group guest wall for Phuket: city kicker, group wordmark, Pickup/Delivery/Dine in/Room fulfilment chips, all six brand cards with real food photography, and the LUMA Club loyalty strip.
The cross-brand loyalty screen — one point balance across all six restaurants, earn (100% back in points), spend (1 point = THB 1 at checkout) and invite-a-friend referral.
OX Meat Place menu with editorial hero, category rail and dish tiles showing real photos, prices in THB, and Add / Choose actions.
Opened modifier sheet for Ribeye 300g: a required single-choice DONENESS radio group and a multi-select SAUCE checkbox group (up to 2), with a live 'Add to cart' total.
Cart with multiple line items, quantity steppers, fulfilment switcher, loyalty-earn hint and running subtotal / total.
Delivery address step: a Phuket address is typed and 'Find' returns real geocoded suggestions to pick from.
Resolved delivery quote: the picked address plots on a Phuket Leaflet/OSM map and the multizone panel shows every brand that delivers there with fee, minimum order and ETA (demo fee resolves to THB 0 for this Bang Tao address).
Dine-in on-premise capture screen ('Your table') with table number 12 entered before continuing to checkout.
Room-service variant of the on-premise capture screen with a room number entered.
Sign-in-to-order screen: phone +66801234567 entered, code requested, and the demo dev-code 424242 shown on screen for verification.
Editorial checkout after verification: fulfilment recap, name/comment, preorder timing, cutlery/packaging questionnaire, LUMA Club redeem strip and grand total with the place-order button.
Order status / tracking screen for the placed order (#60): Accepted -> Cooking -> Ready -> Handed over timeline, order items and total.
Reserve-a-table screen for OX Meat Place: guest stepper, a horizontal date row and a full grid of time slots (past slots disabled) with a Book action.