Multi‐city

Book flights across multiple destinations in a single transaction.

In this page

June 17^th, 2025

Advisor Focused

The Demand for Multi‐Flight Travel

The new interface will enable users to build multi‐flight journeys tailored to clients who are visiting multiple destinations in a seamless workflow. By giving advisors precise control over each segment of the journey, the interface will enhances productivity and improve the client experience.

By using the Multi‐City tool, advisors can:

• Customize each leg to match traveler preferences
• Book all flights/legs under a unified seamless booking
• Ensure pricing, fare types, and confirmations are managed efficiently in one place

June 17^th, 2025

Flight Search Interface

Multi‐city Leg Structure

1. Trip Type Integration
• Extend the existing trip type selector (One‐way, Roundtrip, Multi‐city)
• "Multi‐city" option clearly highlighted when active
• When "Multi‐city" is selected, dynamically show the leg structure
2. Multi‐City Leg Structure
• Card‐based design: Each leg gets its own clearly defined section
• Descriptive labels: 'Flight 1, Flight 2, etc"
• Form fields: Reuse the existing airport and date input components
3. Smart Leg Management
• Start with 2 legs: by default (minimum for multi‐city)
• Add leg button: Dashed border style, shows remaining capacity
• Dynamic labeling: Updates to show how many more legs can be added
4. Leg Removal Strategy
• Remove button in top‐right of each leg card
• Disabled state for first 2 legs (maintains minimum)
• Confirmation would be added in real implementation
5. "Clear All"
• A single‐click “Clear All” button clears all inputs.
• Allows advisors to reset quickly and try a new configuration without the friction of backtracking
• A widely understood convention, especially with multi‐step input forms.

June 17^th, 2025

Focused Leg Panel

Results & Selection Phase

Instead of overwhelming the travel advisors with the full 4‐leg search interface on the flight results pages, they will get a streamlined panel.

Key Components

1. Contextual Header
• Clear multi‐city identifier
• Clear date identifier
• Identifiers or button will open modal
• Journey breadcrumb showing airport codes with current leg highlighted
2. Modal
• Multi‐City Leg Structure with descriptive labels
• Card‐based design: Each leg gets its own clearly defined section
• Form fields: Reuse the existing airport and date input components
3. Visual Context Cues
• Prominent "Update" button
• Listings labeling specificity – "Rome, Italy (FCO)"

Modal

May 27^th, 2025

Review Selections

Visual Numbering & Labeling

The only planned adjustment for multi‐city is a minor but meaningful enhancement to the card label. Instead of the current generic "Flight" label, each card will be labeled using a numerical index and a descriptive title, such as:

1. First Flight
2. Second Flight
3. Third Flight

...and so on.

Aside from this label enhancement, no structural or functional changes will be made to the Review Selections page at this stage. This ensures visual consistency and leverages existing UI patterns while subtly reinforcing the multi‐city context.

June 11^th, 2025

Quote Builder

Display multi-city information in the compact format while maintaining clarity for travel agents.