Trip Components

Card‐based design with clear information hierarchy.

In this page

May 7th, 2025

UI Cards

Structured & Visual Modules

Sections give the itinerary structure—it becomes a sequence of distinct but connected moments, just like the trip itself. Each section serves as a recognizable module of the traveler’s journey—enhanced with visuals and smart formatting that match the type of content. This makes it easier for both agents to manage and travelers to absorb. It’s not just practical—it’s elegant.

Mental Model Alignment

  • Travelers and agents both think in segments: “my hotel,” “my flight,” “my tour.”
  • Sections mirror the way people naturally group their journey, which increases comprehension and recall.

UX Benefits

  • Predictability: Agents and travelers always know where to look for key info.
  • Speed: Consistency speeds up agent editing and traveler scanning.
  • Clarity: Every component feels like part of one seamless journey.
  • Scalability: Easy to add new sections later without breaking the design system.