Design and product work

Restaurant Application Process

The UX process for a restaurant ordering app: user flows, a sitemap, sketches, colour styles and high fidelity wireframes with a prototype.

Role
UX: user flows, sitemap and wireframes
Platform
Mobile app
Tools
Figma
Type
Client design work
Original case study on Behance (opens in a new tab)
Food ordering app screens showing categories, a combo menu banner and a list of restaurants

What I did

  • User flows and journeys for onboarding, browsing restaurants and meals, and placing an order
  • A rough sitemap, colour-coded for connections and accessibility
  • A low fidelity wireframe sketch
  • Colour styles in Figma
  • High fidelity wireframes with UI additions and a prototype

The project stopped there: the client was happy with the homepage UI and dropped the wider redesign.

Walkthrough

  1. 01User flow: registration.

  2. 02User flow: finding the right restaurant and meal through search.

  3. 03User flow: placing an order.

  4. 04The sitemap, colour coded for connections.

More projects

All projects →
  • E-commerce admin dashboard with a purple header and summary tiles for vendors, requests and products

    Design

    Ecom Admin Dashboard

    Wireframe, UI and prototype for an admin dashboard on a multi-vendor e-commerce platform.

  • Dark real estate listing website with featured property cards

    Design

    Real Estate UI/UX

    A responsive landing page template for real estate agencies, mobile first.

Have something in mind? Let’s build it.

Build it for me

Join the waitlist for a done-for-you build.

One short email every Friday, plus a full guide once a month.