FTable

Mobile app · Case study

FTable is a table reservation app for restaurants in Baku. You pick a party size and time, find a place with a free slot, book it, and can add dishes from the menu before you arrive. I designed the flow from the home screen to the order.

The FTable design board: ten phone screens in a row, covering home, a restaurant list, search, the restaurant info and menu tabs, a points screen and the menu with an item added to the order.

01Overview

Time slots first, everything else second

The question behind a reservation is "where can four of us eat at eight?". So party size and time sit at the top of the home screen, and almost every restaurant card, on home and in search results, ends in a row of bookable time slots.

A restaurant page splits into Info and Menu tabs. Info is for deciding and booking; Menu lets you add dishes to an order, which then follows you as a bar at the bottom of the screen.

02What I designed

Find, book, pre-order

  • HomeParty size, time and area up front

    Tabs for Reservation, Order now and Event, then "Book for dinner" cards, cuisines and neighbourhood chips.

  • SearchA list built around availability

    Each result shows rating, cuisine, area, seating types, price level and the next free times.

  • RestaurantInfo tab with booking

    Time slots, how many times it was booked today, a map, the house rules for lateness, reviews, contacts and opening hours.

  • MenuDishes that expand in place

    Tapping a dish opens it inline with quantity, extras and a comment, and "Add to order".

  • PointsA reward for showing up

    A ring shows points earned for honoured reservations, with rewards that unlock at set thresholds.

03Screens

From home to the order

FTable home screen: a greeting, Reservation, Order now and Event tabs, party size and time selectors, a promo banner, restaurant cards with time slots, cuisine photos and area chips
HomeParty size and time at the top; restaurants with free slots below.
Search screen with a search field, a filter button, a count of 38 restaurants and result cards with rating, seating types, price level and four time slots
SearchEvery result shows its next available times.
Restaurant page on the Info tab: photo, name and rating, party and time selector, time-slot buttons, a map, a yellow note on the grace period, reviews and opening hours
Restaurant infoBook a slot, then read the rules, reviews and hours.
Restaurant page on the Menu tab: a search field and dishes grouped into burgers, salads and drinks, with one dish expanded showing a large photo, count, extras and an Add to order button
MenuA dish expands in place with quantity, extras and a comment.
Menu with category tabs at the top, one dish marked as added with a check, and a purple 'Go to order' bar showing 1 item and 10.00 AZN
Adding to the orderAdded dishes get a check; the order total stays pinned to the bottom.
Points screen with a progress ring at 75 points and reward cards locked until 100 and 1000 points
PointsRewards unlock as you collect points.
  • Add client and year to the header line (currently "Mobile app · Case study").
  • The reward descriptions on the Points screen and some restaurant text are placeholder; the case study does not describe that copy.
  • Confirm your role and whether the app shipped. The "Order now" and "Event" tabs on home are not designed in this section, so they are only mentioned.