Contact person: Booking app and Website Figma Design

Phone:Show

Email:Show

Location: Qatar, Qatar

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"ou want to support Table Booking (like restaurants, lounges, clubs, conference halls) AND Hotel Room Booking in the same booking platform.

So basically the system covers:

Event Seat Booking
Table Booking (Restaurants/Clubs/Meetings)
Hotel Room Booking
spa
Here’s the UI/UX Blueprint (App + Website, Figma-ready):

Splash & Auth

Splash screen → Logo + tagline (“Seats, Tables & Stays – All in One”)

Login/Signup with email, phone, OTP, Google/Apple

Home Screen

Search bar with tabs:

Events

Tables

Hotels

Featured carousel (Concerts, Dining Deals, Hotel offers)

Categories grid (Concerts | Sports | Theatre | Restaurants | Hotels | Resorts | Clubs)

Trending & Recommended

Event Booking Flow

(Same as earlier)

Event details → seat map → checkout → e-ticket with QR

Table Booking Flow (Restaurants / Clubs)

Restaurant/Club Details Page

Photos carousel

Name, cuisine/type, rating, address

Available time slots

CTA: “Reserve Table”

Table Layout Page

Interactive table map (like seat map, but tables instead of seats)

Table details (capacity, location: window/outdoor/VIP)

Color-coded: Available, Booked, Reserved, VIP

Basket at bottom: Selected Table + Time + Price (if chargeable)

Button: “Confirm Reservation”

Checkout

Reservation summary (date, time, guests, table number)

Special requests field (e.g., “birthday setup”)

Payment (if deposit required)

Confirmation (Reservation ID + QR code for check-in)

Hotel Room Booking Flow

Hotel Details Page

Photos, description, amenities

CTA: “Select Room”

Room Selection Page

Room list (Standard, Deluxe, Suite) with price per night

Date picker (Check-in, Check-out)

Guests selector

Basket with total price

Button: “Proceed to Checkout”

Checkout

Guest details form

Payment

Confirmation + e-voucher

Profile & Bookings

My Bookings: filter by Events / Tables / Hotels

Saved Favorites

Payment history

Settings

Website (Desktop UI)
Landing Page

Hero search → toggle Events / Tables / Hotels

Featured carousel

Popular categories

Event Flow

Same as app → event details → seat map → checkout

Table Flow

Restaurant/Club page with table layout (interactive)

Time slot selector

Side panel: Selected table + reservation details

Checkout flow with guest info + payment

Hotel Flow

Hotel details page → room selection → checkout with booking summary

Sticky booking summary sidebar

User Dashboard

Manage All Bookings (Events / Tables / Hotels)

Download tickets/invoices

Cancel / Modify reservations

Profile & Wallet

Figma Design System

Colors:

Blue (trust) → Primary

Gold (VIP experience) → Tables & Suites

Green (confirmation) → Success states

Grey/White → Neutral backgrounds

Typography:

Titles: Poppins Bold

Body: Inter / Roboto Regular

Components:

Event Card

Restaurant/Hotel Card" (client-provided description)