Event Booking Flow
Visitors browse the seven published events on the public site, open an event detail page and book through a short form. The admin Events module publishes each event with a bilingual title, venue and date, while the Event Bookings module collects every reservation — searchable by member name, phone or membership number, filterable by status and event, with a one-click CSV export and a clean empty-state for ops.
Every section, explained.
4 working sections inside Event Booking Flow — each one a screen we designed, built and tested in the live system.
Public Events Listing
The “Our Events” page lists every published event with its bilingual title, venue and start date. Visitors tap through to a detail page and a “Book Your Seat” call to action.
- 7 events surfaced live from the admin module
- Bilingual titles + venue (مسرح / مسجد النادي)
- Per-event detail page with full description
- Primary CTA — Book Your Seat
Member Access
A “Member Access” surface with Login and Register tabs — first name, last name and membership ID — giving members the dashboard they book and manage events from.
- Login / Register tabs on one surface
- Captures first name, last name, membership ID
- Bilingual EN / AR labels and validation
- Gateway to the member booking dashboard
Admin — Events Management
The back-office Events module where the team publishes each event — bilingual title, venue, schedule, feature image and status — with everything flowing instantly onto the public listing.
- Create / publish events with bilingual fields
- Venue, date, feature image and status
- Search and filter across the events table
- Published events appear live on the public site
Admin — Event Bookings
Every reservation lands in the Event Bookings table — searchable by member name, phone or membership number, filterable by status and event, with a one-click CSV export and a clear empty-state when nothing is booked yet.
- Search by member name, phone, membership number
- Filter by status and by event
- One-click Export CSV for ops
- Clean “No bookings found” empty-state
Jump to another chapter
Need a event booking flow like this?
We design and build digital experiences and admin systems tailored to how your business actually runs — not how a generic SaaS thinks it should.
