Event Booking Flow

Through the event website, users can easily book a room at the designated event hotel.

In this page
March 11th, 2025

Hotel Booking Page

Book Your Stay

The Hotel Booking Page is the user's first interaction with the booking process, making it crucial as the welcoming entry point. The clear heading "Book Your Stay" will set expectations.

This streamlined UI incorporates the following elements:

  1. Hotel Selection: If there are multiple hotels, visually distinct cards with a photo, name, and a brief description will display.
  2. Date Picker: A simple and user‐friendly date picker should allow users to select check‐in and check‐out dates easily.
  3. Room Selection: Include a dropdown or stepper control for selecting the number of rooms.
  4. Button: A clear call‐to‐action button labeled "Continue".

Terms & Conditions

  1. Prominent Placement: Ensure the T&Cs are visible and easily accessible on the booking page.
  2. Scrollable Text Box: Use a scrollable text box to display the full text of the T&Cs.
  3. Checkbox Requirement: Include a checkbox that users must select to confirm they have read and agree to the T&Cs before proceeding with the booking.
March 27th, 2025

The Booking Process

The booking process is structured in two distinct phases.

  1. First phase: 'Selection and Configuration' allows users to customize their travel package by choosing accommodations, transportation, and activities. This phase concludes with a comprehensive review of all selections.
  2. Second phase: 'Booking and Payment' guides users through providing necessary traveler information, considering travel protection options, and completing the payment process.
March 27th, 2025

Phase 1: Selection & Configuration

Trip Components

A series of steps to customize travel arrangements for the group event allowing users to tailor their travel experience to their preferences.

  1. Hotel Selection (Mandatory)
    • If there are multiple hotels, user selects a hotel
    • User selects check‐in and check‐out dates
  2. Room Selection (Mandatory)
    • List of available room types and rates
    • User selects preferred room
  3. Flight Booking (Optional)
    • Inquiry if user needs a flight
    • If yes, proceed to flight selection
  4. Transfer Arrangements (Optional)
    • Options for Arrival, Departure, or Round Trip transfers
    • User can select preferred transfer type
  5. Excursion Selection (Optional)
    • List of event‐related excursions
    • User can choose one or more excursions
  6. Review Selections
    • List of components selected

Review Selections Page

Transition Point

The Review Selections page at the end of Phase 1 serves as a clear transition point, giving users a chance to confirm their choices before moving to the more serious commitment of Phase 2.

March 27th, 2025

Phase 2: Booking & Payment

Focuses on gathering necessary information and finalizing the transaction, which psychologically signals to the user that they are now in the process of completing their purchase.

  1. Traveler Details: Collect mandatory traveler information and assign guests to rooms.
  2. Trip Protection: This page clearly outlines the benefits and cost of the protection plan, while also providing a prominent option to decline coverage.
  3. Payment Method UI: Finalize payment.