Drift is a masonry-style snorkeling tour landing page built for small-group reef operators. It opens with a full-screen underwater video, then unfolds into a scrollable reef map of card-based snorkel sites. An inline booking module handles date selection, group sizing, departure choice, and add-ons with no account required.
by Rocket studio
Loading preview…
Quick summary
Drift is a single-page snorkeling tour template designed for catamaran-based reef operators. It pairs a cinematic full-screen video header with a masonry card layout that turns your site into an interactive reef explorer. Booking is handled inline with a streamlined date picker, group size stepper, and departure toggle, all without requiring visitors to create an account.
Who this template is for
This template fits snorkeling tour operators who sell small-group reef experiences directly to leisure travelers. It works especially well when your guests arrive with limited time and a strong desire to book on the spot.
Catamaran and guided reef tour operators offering morning or sunset departures
Resort-adjacent experiences targeting honeymooners and cruise-ship day visitors
Family-friendly snorkel businesses that need to reduce booking friction for groups
What problem this template solves
Most tour operators rely on booking platforms that pull visitors away from their brand. Drift keeps everything on one page, the story, the reef sites, and the reservation form, so visitors never need to leave to commit.
Fragmented booking flows that send guests off-site before they convert
Generic tour pages that fail to show what makes each reef site worth choosing
Complicated sign-up steps that frustrate families and time-pressed port visitors
What you get with this template
Drift delivers a complete single-page layout ready for a snorkeling tour business. Every section is purpose-built to inform, inspire, and capture a reservation.
A full-screen video header section with headline overlay timed to the underwater transition
A masonry reef-site card grid with hover parallax, lightbox clips, site map pins, and difficulty ratings
An inline booking module with date picker, group size stepper, departure toggle, and GoPro add-on checkbox
Feature list
This template packs a focused set of interactive and visual features, each tied directly to the goal of turning a curious browser into a confirmed guest.
Theme
Marine & Coastal
Creative direction
Interactive Explorer
Color system
Sunset Gradient
Style
Masonry/Pinterest
Direction
Booking/Scheduling
Page Sections
Full-screen Underwater Video Header
Masonry Reef-site Card Grid
Lightbox with Looping Clips
Inline Booking Module
Scroll-driven Gradient Background
Upfront Pricing with Trust Signals
Related questions
Does this template require visitors to create an account to book?
Can I show different departure times within the same template?
How does the reef card grid help guests who are not confident swimmers?
Is the pricing section flexible for families with young children?
What add-ons can I offer through the booking module?
Full-Screen Video Header
The header plays drone footage that crosses from above the waterline to below it in one continuous take. The headline "See What's Under There" appears in thin white type only after the camera is fully submerged, giving the opening moment real dramatic weight.
Masonry Reef-Site Card Grid
Cards tile unevenly like a marine-biology mood board. Each card shows a reef site name, an underwater photograph, a depth range, and a species count badge. Hovering triggers a subtle parallax shift and surfaces a one-sentence hook about the site.
Lightbox with Site Detail
Clicking any reef card opens a lightbox showing a short looping clip, a site map pin, and a difficulty rating that runs from "first-timer friendly" to "confident swimmer." This lets guests self-select the right reef before they book.
Inline Booking Module
The booking form lives on the page itself. It includes a date picker with real-time availability shown as green, amber, and red dots, a group size stepper from one to eight, a Morning Reef versus Sunset Reef departure toggle, and an optional GoPro photo package checkbox.
Floating and Repeated Call-to-Action
The "Reserve Your Spot" button appears as a floating button on mobile and repeats after every third masonry row on desktop. A secondary "Gift This Trip" path sits below the main call-to-action for resort guests buying for a partner.
Transparent Upfront Pricing
Price is displayed per person directly on the page, with a "kids under 6 free" badge to reduce friction for family bookings. A single trust line showing a 4.9-star rating from over 2,300 reviews anchors confidence right beside the booking prompt.
Page sections overview
Section
Purpose
Video Header
Opens with cinematic above-to-underwater drone footage and headline
Reef Site Cards
Masonry grid of snorkel locations with hover parallax and species badges
Card Lightbox
Looping clip, site map pin, and difficulty rating per reef site
Booking Module
Inline date picker, group stepper, departure toggle, and add-ons
Pricing Display
Per-person price, kids-free badge, and TripAdvisor trust line
Gift call to action Path
Secondary call-to-action for resort guests gifting an experience
Design & branding system
The visual identity follows a Marine and Coastal theme built around a Sunset Gradient color system. The palette moves from deep ocean indigo at the top of the page toward warm teal, ripe mango, and coral pink as the visitor scrolls lower, mimicking a descent through water at golden hour.
Core colors: deep indigo (#1B1464), shallow-water teal (#0E918C), mango (#F6AE2D), coral pink (#F26B5B), and dusky violet (#5C2D91) at the deepest scroll points
Mango and coral pink activate on buttons, price tags, and hover states, while body text sits in clean white (#FAFAFA) against darker background blocks
The scroll-driven gradient shift from indigo to teal mirrors a physical descent through water, reinforcing the immersive reef atmosphere throughout
Mobile & speed optimization
The template is built with mobile booking behavior at its center. The floating "Reserve Your Spot" button stays pinned on smaller screens so guests can tap and reserve without scrolling back to the top.
The masonry grid adapts to narrower viewports so reef cards remain readable and tap-friendly on phones and tablets
The inline booking module is touch-optimized, with the group size stepper, departure toggle, and add-on checkbox all sized for finger interaction
The full-screen video header and gradient scroll transitions are designed to maintain visual impact on mobile without relying on hover-only interactions
How this template helps you convert
Drift removes every obstacle between a curious visitor and a confirmed reservation. The design sequence is intentional: awe first, information second, commitment third.
The cinematic video header creates an emotional pull before a single word of copy is read, making visitors want to be in that water immediately.
The masonry reef cards let guests explore and self-select their site, building confidence that the experience matches their ability level and interests.
Upfront pricing, the kids-free badge, and the star-rating trust line reduce hesitation right at the booking module, so guests commit before they second-guess.
Other information about this template
Drift is categorized under Travel and Hospitality, specifically within the Adventure and Eco Tourism subcategory. It is designed as a masonry and Pinterest-style single-page layout using the Interactive Explorer creative direction.
The template suits operators who run both reef snorkeling and related coastal tour experiences looking for a visually led, low-friction booking page
The "Gift This Trip" secondary call-to-action makes this template viable for resort gift-experience sales without adding a separate page or flow
No account creation is required from guests: the booking module collects only a name, email address, and phone number, keeping the path to reservation short
