Festival & Event Tourism Booking Website Template
Ofrenda is a full-width immersive landing page template built for a once-a-year Day of the Dead tour experience in Pátzcuaro, Michoacán. It guides culturally sophisticated visitors through a darkening scroll narrative, a stepped booking flow, live scarcity counters, and a fixed call-to-action bar designed to convert high-intent travelers into confirmed reservations.
by Rocket studio
Quick summary
Ofrenda is a single-page booking experience for a guided Noche de Muertos tour through Michoacán's candlelit cemeteries. The template pairs a cinematic hero video loop with a scroll-driven atmospheric descent, a stepped reservation flow, and scarcity mechanics. Every design choice reinforces how rare and unrepeatable this particular night is.
Who this template is for
This template is built for boutique cultural tour operators who run high-value, low-volume experiences. It speaks directly to a well-traveled, discerning audience who have already visited Kyoto, Marrakech, and similar destinations and are now seeking something genuinely singular.
- Tour operators and experience designers offering a Day of the Dead journey in Pátzcuaro or Michoacán
- Independent guides curating once-a-year ritual immersion for couples, solo creatives, and small groups
- Festival and event tourism brands that need a booking-first landing page with editorial depth
What problem this template solves
Most cultural tour pages feel like brochures. They list logistics, show a gallery grid, and hope the visitor books. That approach fails completely for an experience this rare and emotionally charged. Ofrenda solves the gap between a life-changing night and a page that actually makes someone feel it.
- Generic tour templates cannot convey the sacred atmosphere of a candlelit cemetery vigil or a marigold-strewn ofrenda
- Standard booking pages lose high-intent visitors who need to feel scarcity and emotional resonance before committing
- Operators with only a handful of available spots each year need a page that communicates rarity, not abundance
What you get with this template
You get a complete, full-width immersive landing page structured from the first frame of a breathing skull video to the final sentence on black. Every section is purpose-built around a single conversion goal: helping the right traveler reserve their night before spots disappear.
- A GSAP-animated hero with a delayed headline reveal, bokeh drift, and a slow-breathing macro video loop of a hand-painted sugar skull
- A scroll-driven atmospheric descent that darkens the canvas from golden-hour markets to midnight cemetery vigils as the visitor moves down the page
- A stepped booking flow with selectable departure dates, group size up to six, and a name-and-email capture, plus a single-field waitlist path for 2026 overflow demand
Feature list
This template ships with a focused set of components, each designed to earn trust and drive a reservation from a reader who has high expectations and limited patience for noise.
Atmospheric Hero Video Loop
The hero opens on a slow-breathing macro close-up of a hand-painted sugar skull. The depth of field is razor-thin, with bokeh orbs of amber and violet drifting behind the skull like spirits. After four seconds, a single thin bone-white serif line fades in: "The dead are waiting. Come sit with them."
Scroll-Driven Darkening Narrative
Each section uses a single full-bleed photograph with restrained overlay text. As the visitor scrolls, backgrounds darken incrementally from bright golden-hour markets through twilight processions to midnight cemetery vigils. GSAP ScrollTrigger handles the parallax on smoke layers and the progressive color shift, so the page itself feels like a descent into the celebration.
Live Scarcity Counter
A live counter displays remaining spots per departure date. This single component communicates urgency without resorting to countdown timers or aggressive messaging. The scarcity feels natural because it is real: this experience runs once a year with a maximum of six people per group.
Stepped Booking Flow
The reservation section presents three or four departure dates as a minimal calendar. The visitor selects a date, chooses group size from one to six, then enters name and email. The flow is clean and frictionless, appearing first after the itinerary and again as a fixed bottom bar once the visitor passes the halfway point of the page.
Waitlist Email Capture
A secondary conversion path captures visitors who cannot secure a spot for the current year. A single email field connects them to the 2026 departure list. This keeps overflow demand warm without adding visual clutter to the primary booking flow.
Traveler Testimonials Section
Past traveler quotes are presented in an asymmetric layout with origin cities included. The asymmetry prevents the section from feeling like a standard review grid. Each quote reinforces the rarity and emotional weight of the experience from the perspective of someone who has already lived it.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Video Loop | Opens the experience with a breathing skull, bokeh drift, and a four-second delayed headline reveal |
| The Night Narrative | Provides cultural context and atmospheric descent through full-bleed imagery |
| Itinerary Timeline | Walks the 6 PM to 6 AM schedule across four lake villages in darkening scroll |
| Traveler Testimonials | Builds trust through asymmetric quote layout with origin cities |
| Reserve & Book | Hosts the stepped booking flow, spot counter, and waitlist capture |
| Fixed Bottom Bar | Persists the "Reserve Your Night" call to action after the halfway scroll point |
| Final Closing Line | Delivers the single closing sentence on black to seal emotional commitment |
Design & branding system
The visual identity follows a Luxe Minimal editorial approach. The palette is described as a single golden petal resting on fresh snow: restrained, luminous, and almost silent. Ritual black covers eighty percent of the canvas. Bone-white carries all typography in a clean serif weight. Frozen marigold appears only where the eye needs pulling, such as a date, a price, or a button edge, so every gold element feels sacred rather than decorative.
- Typography: Fraunces serif handles display headlines; DM Sans handles body copy for clean contrast
- Color system: ritual black (#0B0B0F), bone-white (#F4F0EB), frozen marigold (#D4A843) as accent-only, and copal-smoke blue (#A3B8C7) reserved for hover states and subtle section dividers
- Motion: GSAP-animated candle flicker, bokeh drift, scroll-triggered parallax on smoke layers, and section darkening as the visitor descends the page
Mobile & speed optimization
The template is built desktop-first to match the luxury travel audience it serves, with full mobile responsiveness across all sections. The immersive full-bleed layout and animation system are designed to translate gracefully to smaller screens without losing the atmospheric tone.
- Server Components power the static narrative sections; a Client Component handles the booking flow and animations to keep the interactive elements sharp
- Full-bleed photography and the scroll-darkening system are structured to maintain the descent atmosphere on mobile without layout breaking
- The fixed bottom call-to-action bar persists on mobile as well, so the booking entry point is always within reach regardless of scroll position
How this template helps you convert
The page earns its click by making the experience feel both sacred and scarce. Every structural choice is oriented toward one outcome: a completed reservation from a visitor who arrived already curious and leaves feeling certain.
- The hero video and delayed headline create emotional investment before any information is presented, so the visitor is already leaning in before the first word of copy appears.
- The scroll-driven darkening narrative moves the visitor from information to atmosphere to urgency in a single unbroken motion, eliminating the friction that kills conversions on standard tour pages.
- The live spot counter and the closing sentence ("This happens once a year. This particular night happens once ever.") combine real scarcity with emotional finality, converting hesitation into action.
Other information about this template
This template is part of the Festival and Event Tourism category within the Travel and Hospitality segment. It is specifically designed for the Day of the Dead Mexico tour niche, where the gap between a generic travel page and a culturally resonant booking experience is widest. The Mexican cultural terminology, ofrenda, cempasúchil, copal, and Noche de Muertos, is preserved throughout the copy as a deliberate signal of authenticity to the target audience. The intersection match score for this template's category, subcategory, niche, and design system alignment is 13, indicating a high degree of specificity to a defined use case.
- The template is built on a full-width immersive single-page layout structure with no grid cards or image galleries
- The Atmosphere and Mood creative direction and Macro Close-Up header concept are both embedded in the template's structural logic, not added as optional layers
- The Alpine Fresh color system is interpreted here through a ritual lens: the ice and snow tones become bone-white and copal-smoke blue, while the alpine gold becomes frozen marigold




Theme
Luxe Minimal
Creative direction
Atmosphere & Mood
Color system
Alpine Fresh
Style
Full-Width Immersive
Direction
Booking/Scheduling
Page Sections
Atmospheric Hero Video Loop
Scroll-driven Darkening Narrative
Live Scarcity Counter
Stepped Booking Flow
Waitlist Email Capture
Asymmetric Testimonials Layout
Related questions
Can I use this template for a different cultural tour, not specifically Day of the Dead?
How does the stepped booking flow work?
What happens when all spots for a departure are filled?
Is this template designed for desktop or mobile use?
Can I preserve the Mexican cultural terminology in the copy?