Saga is a dark, immersive horizontal scroll landing page built for a small-fleet Iceland expedition company. It guides culturally curious travelers through four itinerary panels, from coastal Reykjavík to the glacier edge, using interactive hotspots, a full-screen video header, a floating booking bar, and a departure calendar overlay. The design channels Iceland's volcanic light from obsidian to molten amber.
by Rocket studio
Saga is a single-page horizontal scroll template designed for an Iceland cultural tour company. It opens with aerial drone footage over Þingvellir and moves visitors laterally through four immersive itinerary panels. A floating "Choose Your Departure" bar stays anchored throughout, and a secondary email capture path keeps planning-stage visitors engaged.
This template is built for expedition-style tour operators whose offering goes deeper than a standard itinerary. It works best when the story behind a destination is as important as the destination itself.
Most travel landing pages use the same grid of photos and a single booking button. That structure cannot communicate depth, narrative, or earned expertise. Culturally driven tours lose their edge when they look like a resort package.
Saga gives you a fully structured, visually layered landing page that does the storytelling work your tour deserves. Every design choice, from the color palette to the scroll behavior, is calibrated to the Iceland interior.
Saga delivers a focused set of interactive and visual capabilities drawn directly from the expedition brief.




Theme
Dark Immersive
Creative direction
Interactive Explorer
Color system
Sunset Gradient
Style
Horizontal Scroll
Direction
Booking/Scheduling
Page Sections
Full-screen Video Hero Header
Horizontal Scroll Itinerary Panels
Interactive Layered Hotspots
Floating Departure Booking Bar
Dual Conversion Paths
Can I change the departure dates shown in the calendar overlay?
What kind of video works best in the hero header?
Is the 'Tell us what draws you to Iceland' field required?
Can this template be adapted for a different destination or tour type?
How does the Reading List email capture path work?
The opening panel uses aerial drone footage that begins in near-darkness over Þingvellir's rift valley. The camera drifts low over the tectonic fissure before rising to reveal the Althing plain. The headline "Where the Stories Happened" appears in a thin, wide-tracked serif as the light turns amber.
Four lateral panels map the actual tour route from coastal Reykjavík through the saga valleys and highland desert to the glacier edge. Swiping or scrolling right moves the visitor geographically and historically deeper into the interior. The progression is designed to feel like unrolling a medieval vellum map.
Each itinerary panel contains pinned hotspot markers. Hovering on a hotspot reveals a layered content card with a location photograph, a passage from the saga set at that stop, and the guide's personal note explaining what makes the stop irreplaceable.
A persistent booking bar travels with the horizontal scroll so the call to action is always reachable. Clicking "Choose Your Departure" opens a calendar overlay with four annual departure windows: late May, June solstice, August, and September equinox. Each window shows remaining seat count.
The booking form collects departure preference and group size. It also includes a single optional text field: "Tell us what draws you to Iceland." This short qualifier starts the relationship before any deposit changes hands.
A secondary conversion path labelled "Download the Reading List" captures email addresses from visitors who are still in the planning phase. Subscribers receive the same saga excerpts the guides carry on tour, connecting the brand's expertise to the lead before a booking conversation begins.
| Section | Purpose |
|---|---|
| Video hero header | Opens with drone footage and title reveal |
| Panel one: Reykjavík coast | Anchors the journey at the coastal starting point |
| Panel two: saga valleys | Brings literary and historical context to life |
| Panel three: highland desert | Conveys the remote, mythic interior landscape |
| Panel four: glacier edge | Closes the scroll at the journey's furthest reach |
| Floating booking bar | Keeps departure call to action present across all panels |
| Departure calendar overlay | Shows four windows with available seat counts |
| Booking intent form | Captures departure, group size, and traveler intent |
| Reading list capture | Secondary email path for early-stage planners |
The visual identity is built around a Dark Immersive theme using a Sunset Gradient color system. Every hue is pulled from the Icelandic volcanic landscape and calibrated to feel cinematic rather than decorative.
The horizontal scroll experience is structured so it can adapt to vertical swipe behavior on touch devices, keeping the itinerary panels navigable without sacrificing the immersive feel.
Saga is designed around two clear visitor states: someone ready to book and someone still deciding. Both paths are served without one undermining the other.
Saga is a horizontal scroll landing page template built inside a Dark Immersive design framework. It is part of a Travel and Hospitality template category with a specific fit for Iceland cultural tour operators and literary expedition brands.