Restaurant Dine-In App UI Design
Bobola Adeniyi
Introduction
The client needed a UI design and a prototype for a web app for restaurant dine-in ordering and payment. They provided 6 mockups created in Paint, blending elements from various food ordering apps (e.g., Deliveroo, Glovo, Sundaypp). The goal is to convert these into Figma with a homogeneous style, preserving the original element positions. The client likes the minimalistic white/light grey/black color scheme with purple accents and prefers rounded cards for a friendlier dine-in experience over a delivery app aesthetic.
Menu
Old menu UI
Redesigned menu UI
Expanded menu
Menu expanded Old UI
Menu Expanded New UI
Menu expanded New UI (zoomed)
Cart page
Cart page Old UI
Cart page new UI
Cart page new UI (zoomed)
Checkout page
Checkout page old UI
Checkout page new UI
Checkout page new UI (zoomed)
Order confirmation
Order confirmation old UI
Order confirmation new UI
Order confirmation new UI (zoomed)
Like this project
Posted Jun 23, 2025
The client needed a UI design and a prototype for a web app for restaurant dine-in ordering and payment. I got to work and designed and prototyped the new UI
Likes
0
Views
0
Redesigning & Improving The User Experience of Zupago Mobile App
Eyeball animation in Rive
Landing page design for an Agricultural Firm
Menu popup interaction in Rive
