Leban Street is a modern restaurant offering a fusion of Mediterranean and African flavours, popular for its quick delivery and signature street-style meals. The goal of this project was to design a mobile-first web experience that captures the restaurant’s vibrant identity while delivering a seamless and delightful food ordering flow.

The challenge was to translate the in-person Leban Street experience into an engaging digital interface that allows users to browse, customise, and order meals effortlessly.

Restaurant Menu & Listing Interface

Dish Detail & Cart Interaction

Mobile User Flow and UX Enhancements

The existing ordering process for Leban Street relied heavily on third-party platforms, which limited brand expression and user experience control. Customers faced inconsistent menu layouts, slow navigation, and limited flexibility for custom orders.

The objective was to design a dedicated mobile web app where users could browse the menu intuitively, customise their meals, and check out with minimal friction.

To design an experience tailored to user behaviour, I reviewed several food delivery apps such as Chowdeck, Uber Eats, and DoorDash, focusing on interaction patterns, visual hierarchy, and micro-interactions.

Key insights included:

Users prefer horizontal category navigation on mobile over dropdowns.

Quick “Add to Cart” actions increase conversions compared to forcing users through multiple steps.

Bottom sheet modals for item details and cart management provide a smoother flow than full-page transitions.

High-quality imagery significantly influences purchase decisions.

The design aimed to achieve three key objectives:

Visual Delight – Create a fresh and appetising interface that reflects the brand’s personality.

Ease of Use – Ensure users can browse, customise, and order in under three taps.

Consistency – Maintain a cohesive look and feel across all interactions and screens.

The final design successfully combines clarity, speed, and visual appeal, giving users a frictionless ordering experience that feels familiar yet distinctly Leban Street. The mobile-first approach ensures performance across various devices while maintaining strong visual consistency.

User testing results showed that most participants were able to browse and add items to their cart within 20 seconds, and all users described the interface as “clean,” “inviting,” and “intuitive.”