Booking app and Website Figma Design

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

Project ID: 39719445