Oishi Hut - Kiosk Display Design

{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"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."}]},{"type":"image","attrs":{"src":"https://cdn.dribbble.com/userupload/2794935/file/original-11be58166680d21f304c481d4df054b1.png","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"UI Design Exploration — Oishi Hut Kiosk Display"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Self-Service Kiosk · Restaurant Order Terminal · GoPay / OVO / Dana / PayPal"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"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."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Screen 1 — Welcome / Dine Mode Selection:"},{"type":"text","text":" 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."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Screen 2 — Menu & Order:"},{"type":"text","text":" 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."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Screen 3 — Payment:"},{"type":"text","text":" 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."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"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."}]},{"type":"paragraph","attrs":{"textAlign":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Have a great project idea?"},{"type":"text","text":" Let us know ✅"}]},{"type":"paragraph","attrs":{"textAlign":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Services we provide:"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"🖼️ UI Design | 😄 UX Design | 🎉 Illustration | 🛍 Brand Identity | 📝 Graphic Design | 🌐 Web Development | 📱 Mobile App Development"}]}]}