Excursion Card

Transforms tour info into digestible data to support the planning phase.

In this page

August 25^th, 2025

Card Layout

An Excursion card in an online travel itinerary serves several important functions that enhance the travel planning and experience. It provides a clear, scannable way to display activity details like time, duration, location, and key highlights without cluttering the itinerary interface.

• Proper data hierarchy with clear visual distinction between sections
• The excursion image effectively communicates the luxury positioning
• Essential excursion details (time, duration, service provider) are prominently displayed

Action Items:

1. Image + plus + number button ‐ Opens a photo gallery modal
2. View Details button ‐ Expands a section to reveal additional tour info

Price Block

This is what the card looks like with the price block.

August 25^th, 2025

Expandable Section

The expandable section provides travelers with tour information that cannot be displayed on the tour card due to space constraints.

When users click the View Details expandable button on the Excursion card, the expandable section reveals:

• Participant Names
• Notes
• Details
• Terms & Conditions

August 27^th, 2025

Voucher Access Point

A subtle call‐to‐action banner positioned at the bottom of reserved booking cards that provides users with direct access to their vendor vouchers.

Design:

• Clean, light background with document icon and "Access your voucher" text
• Positioned above the price block with subtle
• Maintains visual hierarchy without disrupting the approved card design
• Includes hover states for clear interactivity feedback