Voyage is a horizontal-scroll landing page template built for boutique Maldives group tour operators. It guides visitors through an immersive, curated experience-building journey, from a cinematic golden-hour hero to an interactive itinerary ribbon, before nudging them toward a group planning form. The result is a conversion flow that feels less like a website and more like the trip itself.
by Rocket studio
Loading preview…
Quick summary
Voyage is a single-page, horizontal-scroll template designed for a boutique Maldives group tour operator. Visitors island-hop through seven full-bleed experience panels, build a personal itinerary along the way, and arrive at a short group planning form already invested in the trip. The template balances editorial luxury with practical conversion mechanics.
Who this template is for
This template is built for operators who sell curated group travel experiences, not generic packages. It speaks directly to the decision-makers doing the planning and the organizers who need to excite a group before anyone commits.
Group travel planners organizing milestone birthdays, corporate leadership retreats, or multigenerational family holidays
Boutique operators and travel designers who offer bespoke, off-map itineraries inaccessible to independent travelers
Sales teams that need a high-trust, visually immersive lead-generation page for high-value group bookings
What problem this template solves
Selling a premium group travel experience online is hard. Visitors arrive with different motivations, different budgets, and no shared frame of reference. A static brochure page loses them before they understand the value.
Generic travel pages fail to communicate the difference between a curated boutique journey and a standard resort booking
Group organizers need a tool that builds excitement and shared desire before asking for contact details
High-ticket experiences require more than a price card, they require immersion, trust, and a sense of personal ownership over the itinerary
What you get with this template
Voyage delivers a complete, production-ready landing page structured around a horizontal scroll journey. Every section plays a role in moving visitors from discovery to commitment.
A full-bleed cinematic hero section with editorial typography and no premature call to action
Seven horizontal gallery panels, each carrying its own micro-call-to-action that feeds a live itinerary ribbon at the bottom of the viewport
Theme
Luxe Minimal
Creative direction
Gallery Walk
Color system
Alpine Fresh
Style
Horizontal Scroll
Direction
Marketplace/Multi
Page Sections
Horizontal Scroll Gallery with Itinerary Ribbon
Cinematic Hero with Editorial Typography
Dual Conversion Paths at Journey End
Named Social Proof Testimonial Cards
GSAP Animation and Scroll System
Related questions
Who is the Voyage template designed for?
How does the itinerary ribbon work?
Does the template support mobile devices?
What are the two conversion paths in the template?
Can this template work for group travel niches beyond the Maldives?
A social proof section with three named testimonial cards covering a birthday group, a corporate team, and a multigenerational family
A group planning form with a group size slider (4 to 20 people), preferred month selector, open-text occasion field, and email capture
A secondary lead path offering downloadable sample itineraries for visitors not yet ready to commit
Feature list
This section covers the core functional and design components built into the Voyage template.
Horizontal Scroll Gallery with Itinerary Ribbon
Seven full-bleed experience panels scroll laterally, each representing a distinct Maldives activity. A translucent detail overlay slides in as each panel centers. Every panel carries an "Add to Your Trip" micro-call-to-action that drops the card into a persistent itinerary ribbon running along the bottom edge of the viewport. By the time visitors reach the planning form, they have already curated their own trip.
Cinematic Hero Section
The header uses a wide-format, golden-hour lifestyle photograph of a group mid-laugh on a traditional dhoni. A single line of thin, tracked-out uppercase type floats at the bottom of the image. There is no button in the hero, the image breathes on its own and draws visitors forward through curiosity rather than pressure.
Group Planning Form with Dual Conversion Paths
The journey ends at a short, focused form. A group size slider lets organizers specify party size from 4 to 20 people. A preferred month selector and open-text "Tell us the occasion" field add context without friction. A secondary call to action, "Download Sample Itineraries", captures leads who are interested but not yet ready to commit.
Named Social Proof Cards
Three testimonial cards appear after the gallery section. Each card names a real group type, occasion, and a specific experience. This specificity builds trust for the three distinct buyer segments: milestone birthday groups, corporate teams, and multigenerational families.
GSAP-Powered Scroll and Animation System
The template is built with high-fidelity animation using GSAP for horizontal scroll, parallax effects, panel entrance sequences, and the itinerary ribbon interaction. Server Components handle static sections for stability, while a dedicated Client Component manages the scroll and ribbon logic.
Page sections overview
Section
Purpose
Cinematic Hero
Set the emotional tone with a golden-hour group photo and editorial tagline
Horizontal Gallery
Present seven experience panels with per-panel micro-calls-to-action
Itinerary Ribbon
Show the visitor's growing trip selection as a persistent bottom-edge strip
Social Proof Cards
Build trust through named, occasion-specific group testimonials
Group Planning Form
Capture qualified leads with a short, low-friction group details form
Sample Itinerary Download
Provide a secondary path for visitors not ready to fill the form
Footer
Close the page with a clean horizontal flow layout
Design & branding system
Voyage follows a Luxe Minimal editorial aesthetic. The palette is inspired by a resort welcome drink, cool, pale, and refined, with a single vivid accent reserved exclusively for interactive moments.
Four-color Alpine Fresh system: deep lagoon teal (#1A5C6B) for all body and headline text, sun-bleached driftwood (#E8DED1) for surface backgrounds, crushed coral white (#FAF5F0) for page backgrounds, and living reef accent (#00BFA5) used only on interactive elements and pricing highlights
Typography pairing of DM Serif Display in italic for headlines and Plus Jakarta Sans for body copy, creating an editorial resort-magazine feel
Candid, non-posed photography direction throughout, no one looks at the camera, keeping the visual tone honest and aspirational rather than staged
Mobile & speed optimization
The template is designed desktop-first to make full use of horizontal scroll on wide viewports. A mobile-friendly fallback ensures the experience still works on smaller screens.
Desktop horizontal scroll converts to a vertical panel stack on mobile, preserving all content and calls to action without layout breakage
Server Components handle all static sections, keeping the initial page load stable and predictable
The Client Component isolation for the scroll and itinerary ribbon keeps interactive logic separate from static content rendering
How this template helps you convert
The Voyage template turns passive browsing into active trip-building. Every design and interaction decision is aimed at reducing hesitation and increasing commitment before the form appears.
The itinerary ribbon acts as a running commitment device, visitors who have tapped "Add to Your Trip" on four or five panels arrive at the form already emotionally invested in the outcome
Two conversion paths serve two buyer readiness states, the planning form captures hot leads while the sample itinerary download captures warm ones, ensuring no traffic leaves empty-handed
Social proof cards use named groups and specific experiences rather than generic praise, directly addressing the concerns of the three primary buyer segments before they reach the form
Other information about this template
Voyage is a strong fit for operators building their first high-conversion digital presence or refreshing an existing page that underperforms against its visual ambition.
The template is localized for English-language markets with USD pricing in mind and an international travel context throughout
The group size slider supports parties from 4 to 20 people, covering the full range from intimate friend groups to larger corporate delegations
The page structure follows a Marketplace and Multi-conversion direction, meaning each experience panel acts as its own mini-product with a dedicated action, not just a gallery image
The horizontal scroll format suits desktop and large-screen presentations, making it especially effective for travel expos, sales calls, or screen-share consultations in addition to organic web traffic
