Compass — Bespoke Adventure Itinerary Landing Page Template

Voyage is a gallery and detail landing page template built for full-service coastal travel agencies. It pairs a tactile scrapbook hero with an expandable destination gallery, a floating "Plan My Coast" booking overlay, and first-person agent notes. The result is a travel agency landing page that feels like a well-stamped passport and converts visitors into bookings before they reach the footer.

by Rocket studio

Quick summary

Voyage is a gallery and detail landing page for coastal travel agencies that do all the work for their clients. The design feels editorial and slightly wild, built around strong visuals, expandable destination cards, and a scheduling overlay that keeps bookings moving. Every section is crafted to showcase tours, build trust, and guide visitors toward a single action.

Who this template is for

This travel agency landing page is built for storefront agencies that hand-pick every detail of a coastal trip. It suits businesses whose value is curation, not search-engine links. If your agency books ferries, villas, and sunset catamarans so clients never open a browser tab, this landing page fits your brand perfectly.

  • Full-service coastal travel agencies targeting honeymooners, retired couples, and families
  • Tour operators who want to showcase curated packages rather than a generic destination list
  • Agency owners who need to quickly launch a polished travel website without building from scratch

What problem this template solves

Most travel agency websites try to do too much. They list every destination, stack too many menus, and bury the booking path under layers of navigation. Potential customers leave before they feel anything. A dedicated travel agency landing page with a single clear focus converts visitors far better than a cluttered homepage.

  • Visitors lose trust when a site looks generic; this template uses scrapbook imagery and first-person agent notes to build trust immediately
  • Agencies struggle to highlight destinations in a way that creates genuine wanderlust; the expandable gallery panel solves this
  • Booking hesitation is common; the lightweight scheduling overlay captures leads without overwhelming users with unnecessary form fields

What you get with this template

Voyage delivers a fully designed, section-led landing page that guides potential clients from first impression to booking request. Every layout decision supports the agency's core promise: we handle everything so you do not have to. The template is ready for you to populate with your own destinations, itineraries, and agent voices.

  • A collage-style hero section with overlapping Polaroid images, a handwritten cursive headline, and a linen-textured background
  • A destination gallery grid where each card expands into a cinematic detail panel with a day-by-day itinerary preview and an agent's first-person note
  • A floating "Plan My Coast" call-to-action button, a scheduling overlay with date and traveler fields, a coast preference selector, and a "Talk to an Agent" callback option

Feature list

The following features are built into this landing page template as described in the source brief.

Collage Scrapbook Hero Section

The hero opens with overlapping Polaroid-style photographs pinned at slight angles against a linen-textured sand background. Props include a handwritten postcard, a torn Santorini boarding pass, and a coffee-ring-stained map. The loose cursive headline reads "Your Next Shore Is Already Picked," setting an editorial, journal-like tone that separates this travel website from standard agency sites immediately.

The curated collection section presents each destination as a card inside a gallery grid. Clicking any card expands it into a full-width cinematic detail panel. The panel shows a coastal photograph, a day-by-day itinerary preview, and a short agent note written in first person. The collection escalates from weekend escapes to ambitious multi-stop island-hopping tours, building adventure with every row.

Floating Booking Call-to-Action

A persistent "Plan My Coast" button floats on screen after the first scroll. This single-objective call-to-action keeps the booking path visible at all times without interrupting the browsing experience. The approach follows the proven principle that a prominent, value-driven call-to-action on a travel landing page consistently encourages faster bookings and reduces drop-off.

Scheduling Overlay with Lead Capture

Clicking "Plan My Coast" opens a scheduling overlay. The form asks for travel dates, number of travelers, a coast preference selector (Caribbean, Mediterranean, Pacific, Atlantic), and one open-text field labeled "Describe your perfect beach day." The form stays concise by design. Lead capture forms focused on essential fields rather than exhaustive detail generate more completed submissions from potential customers.

Client Archetype Cards

The "Who We Plan For" section uses an asymmetric bento layout to present three client profiles: honeymooners seeking a private cove, retired couples chasing slow Mediterranean crossings, and families who need a beach house that sleeps eight. These archetype cards help potential clients self-identify quickly, reducing decision time and encouraging them to embark on the booking journey.

Agent Voices Testimonial Section

The Agent Voices section features first-person testimonials paired with coastal photography. Social proof such as agent notes, specific destination details, and client archetype stories are essential elements for building credibility on a travel agency landing page. Testimonials and reviews build trust by making the agency feel human, experienced, and genuinely invested in each trip.

Page sections overview

SectionPurpose
Collage HeroOpens with scrapbook tableau and cursive headline to set editorial tone
Curated CollectionGallery grid of destination cards that expand into cinematic detail panels
Who We Plan ForThree client archetype cards in an asymmetric bento layout
How Voyage WorksVisual asymmetric process overview showing the agency's planning steps
Agent VoicesFirst-person testimonials paired with coastal photography for social proof
FooterArc Browser Split-style footer with contact and navigation resources

Design & branding system

Voyage uses a Marine and Coastal theme expressed through a Rainforest color system. The palette feels like a jungle creek spilling into the ocean: humid greens giving way to bright shallows, everything warm, alive, and slightly wild. Typography pairs Fraunces serif headlines with DM Sans body text for an editorial, tactile feel that suits the travel industry's appetite for atmosphere.

  • Deep canopy green (#1B4332) anchors headers and navigation; warm tidal sand (#E8D5B7) washes across section backgrounds; living coral (#FF6F61) fires on hover states and call-to-action buttons; midnight lagoon (#0B2027) grounds body text
  • The scrapbook and journal aesthetic uses faint drop shadows, layered Polaroid images, and a linen texture to create a physically tactile feel on screen
  • High animations powered by GSAP ScrollTrigger deliver line reveals, card expansions, and a floating call-to-action that keep users engaged without slowing the reading flow

Mobile & speed optimization

Mobile-first optimization matters for coastal trip discovery because most users begin their search on a phone. This landing page template is built desktop-first with full mobile responsiveness so the experience holds on every device. Responsive design ensures that the gallery, overlay, and floating button all function correctly regardless of screen size, keeping bookings accessible to all users.

  • The layout adapts cleanly across every device, maintaining intuitive navigation and readable typography at all screen widths
  • High-quality images in the hero section and gallery panels are placed to evoke wanderlust immediately, following the principle that strong visuals in the hero capture interest before a visitor has read a single word
  • The scheduling overlay is lightweight by design, reducing the cognitive load for users on smaller screens and encouraging form completion

How this template helps you convert

A successful travel landing page follows a logical flow that reduces cognitive load and guides visitors toward one action. Voyage is structured to do exactly that. The visual story builds from hero to gallery to booking without any dead ends, and every section is designed to move potential customers one step closer to filling out the form.

  1. The scrapbook hero and curated gallery do the emotional selling first. By the time visitors reach the call-to-action, they have already mentally packed their bag, which dramatically reduces hesitation and improves the likelihood of a completed booking request.
  2. The persistent floating button and lightweight overlay keep the path to bookings visible and frictionless. The simple form focuses on destination interest, group size, and a single open-text field, following the principle that concise lead generation forms consistently outperform long questionnaires.
  3. Agent notes, client archetype cards, and first-person testimonials build trust at every scroll depth. Testimonials and reviews encourage potential customers to book by demonstrating that real people with real trips trust this agency.

Other information about this template

Voyage is a pre-designed travel agency landing page template built for the Travel and Hospitality category under the Travel Agency and Tour Operator subcategory. It is a gallery and detail template style, meaning it combines a browsable visual collection with deep-dive destination panels. Below are additional practical details for agencies evaluating this template.

  • The template is designed for English (United States) with USD currency formatting and MM/DD/YYYY date display, making it immediately useful for agencies serving the North American market and international travelers booking from the US
  • The "How Voyage Works" section uses a visual asymmetric process layout rather than a numbered timeline, keeping the planning story feeling editorial rather than procedural
  • The footer follows an Arc Browser Split pattern, providing space for contact information, navigation links, and additional resources that help potential clients reach the agency through multiple contact paths
  • Dedicated landing pages like Voyage target specific intent, reduce decision time, and improve booking conversion rates compared to sending all traffic to a generic homepage; this makes the template a strong investment for agencies competing in a crowded tourism market
  • The template supports customization options across colors, typography, images, itinerary copy, and agent note text, allowing agencies to adapt it to new destinations or seasonal campaigns without rebuilding from scratch
  • Platforms like Wix and Webflow offer booking-ready templates for travel agencies; Voyage is designed in this same spirit, giving agencies a high-quality starting point that they can quickly launch and customize
  • The template can support email marketing follow-up flows by pairing the scheduling overlay's form data with a connected email tool of your choice, giving agencies a practical lead generation foundation
  • Google Analytics or any similar tracking tool can be connected to the site to measure how visitors interact with the destination gallery, which packages attract the most engagement, and where users drop off before completing a booking
  • Travel agencies looking to attract more customers and generate sales from new destinations will find the gallery-and-detail structure especially useful, as it lets the agency map out a growing collection of tours without restructuring the site
  • The template's design philosophy aligns with 2026 coastal travel trends, which emphasize serene and restorative imagery, connection, and a sense of slow travel rather than rushed itineraries
Compass — Bespoke Adventure Itinerary Landing Page Template
Compass — Bespoke Adventure Itinerary Landing Page Template
Compass — Bespoke Adventure Itinerary Landing Page Template
Compass — Bespoke Adventure Itinerary Landing Page Template

Theme

Marine & Coastal

Creative direction

Curated Collection

Color system

Rainforest

Style

Gallery + Detail

Direction

Booking/Scheduling

Page Sections

Collage Scrapbook Hero with Cursive Headline

Expandable Cinematic Destination Cards

Persistent Floating Booking Button

Lightweight Scheduling Overlay

Client Archetype Bento Cards

Agent Voices Testimonial Section

Related questions

Can I add or remove destination cards from the gallery?

Is the booking overlay connected to a live scheduling or payments system?

How do I customize the colors and fonts to match my agency's brand?

Does the template work on mobile devices?

Can I use this template to showcase multiple types of coastal tours?