Skip to main content
UI-UX·

Oishi Hut - Kiosk Display Design

Crispy Chicken, Geprek Chicken, French Fries, Iced Tea — $56.84 total, scan to pay with GoPay — Oishi Hut's kiosk display design brings the full restaurant ordering experience to a self-service screen without losing a single ounce of appetite appeal.

UI Design Exploration — Oishi Hut Kiosk Display

Self-Service Kiosk · Restaurant Order Terminal · GoPay / OVO / Dana / PayPal

A three-screen kiosk display UI exploration for Oishi Hut — extending the restaurant's mobile app design into the physical self-service terminal format, covering the complete in-store ordering journey from arrival to payment.

Screen 1 — Welcome / Dine Mode Selection: The kiosk splash screen greets arriving customers with the Oishi Hut branding — the warm yellow sun logo — and a clear two-mode selection: Take Away (illustrated with a takeout bag) and Eat In (illustrated with a tray and drink, highlighted in red as the default). A "Connect with app" option at the bottom offers a hybrid physical-digital experience for returning customers. Clean, immediate, zero friction.

Screen 2 — Menu & Order: The core ordering screen splits into a menu catalog (left) and a live order summary (right). The catalog shows: Crispy Chicken ($1.24), Geprek Chicken ($1.56), French Fries ($0.56), Pure Rice ($0.56), Extra Sambal ($0.26), Iced Tea ($1.06) — each with product photography, quantity controls (add/remove), and a Special Packages section below. The live order panel tracks 8 items — Geprek Chicken ×1, Iced Tea ×2, Crispy Combo ×1 — with a running total of $56.84 and a prominent yellow "Order" CTA. The bilingual toggle (EN) confirms international market positioning.

Screen 3 — Payment: Total $56.84, four payment methods — GoPay, Dana, OVO, PayPal — with a large branded QR code center screen. "Waiting to be scanned for payment with GoPay..." confirms real-time payment state. The order summary below (Geprek Chicken, Iced Tea, Crispy Combo, Geprek Combo) with a "Back to menu" option gives the customer full visibility and control before committing.

A kiosk UI that respects the customer's time — fast to navigate, clear to read, and honest about every item in the order before the payment screen appears.

Have a great project idea? Let us know ✅

Services we provide:

🖼️ UI Design | 😄 UX Design | 🎉 Illustration | 🛍 Brand Identity | 📝 Graphic Design | 🌐 Web Development | 📱 Mobile App Development

Completed

May 2022

Tags

UI-UXKioskRestaurantF&BFast FoodEatDineMealDigitalOrderQueue

© 2022 Hyperfantasy

Have any awesome fantasy?