Haven is a full-width immersive landing page template built for continuing care retirement communities. It features an asymmetric 60/40 grid layout, a nine-image mosaic header, a scroll-driven Before/After Reveal section, and a five-question guided quiz that routes visitors toward independent living, assisted living, or memory care. The design uses a dark midnight blue palette with warm gold accents.
by Rocket studio
Loading preview…
Quick summary
Haven is a single-page, full-width immersive template designed for continuing care retirement communities. It guides three distinct visitor types through an emotional, story-driven experience. The asymmetric 60/40 grid, photo mosaic header, scroll-activated Before/After Reveal, and personalized care-path quiz work together to move hesitant visitors toward a scheduled tour.
Who this template is for
This template is built for senior living communities that offer more than one level of care under one roof. It speaks directly to visitors who are emotionally invested in the decision, not just comparing prices on a checklist.
Adult children in their fifties researching care options for an aging parent
Retired professionals planning their own next chapter before a health event forces the decision
Couples where one partner needs more support than the other
What problem this template solves
Most senior living pages feel clinical or transactional. They list amenities without addressing the fears that actually drive the search. Visitors land on these pages carrying anxiety about isolation, loss of independence, and the burden they might place on family. Haven is built to meet that emotional reality head-on.
Fear-based hesitation: the Before/After Reveal pairs each common fear with a warm, staffed, real-world answer
Decision paralysis: the five-question care-path quiz gives visitors a personalized result instead of a wall of options
Premature drop-off: a sticky bottom bar keeps the primary call to action visible without interrupting the story
What you get with this template
Haven delivers a carefully sequenced single-page layout that guides visitors from emotional recognition to confident action. Every section has a defined job, and the visual system reinforces trust at every scroll position.
A nine-image asymmetric mosaic header with parallax drift and a warm headline overlay
A scroll-driven Before/After Reveal with an interactive drag slider across three escalating emotional stakes
Theme
Corporate Precision
Creative direction
Spatial & Architectural
Color system
Cloud Canvas
Style
Full-Width Immersive
Direction
Quiz/Assessment
Page Sections
Nine-image Mosaic Header with Parallax
Scroll-driven Before/after Reveal
Five-question Care-path Quiz
Personalized Quiz Outcome with Tour Booking
Sticky Care-path Call to Action Bar
Gated Family Decision Workbook
Related questions
Who is the Haven template designed for?
Can I customize the quiz questions and result paths?
Does the Before/After drag slider work on mobile?
What is the Family Decision Workbook and how does it capture leads?
How does the sticky call to action bar behave during scrolling?
A full-screen five-question quiz overlay with a personalized campus map result, cost-range estimate, and a calendar-linked tour booking button
Feature list
This template is built around purposeful components. Each one addresses a specific moment in the visitor's decision journey.
Nine-Image Mosaic Header
Nine photographs fill the viewport in an asymmetric collage. Each tile carries a subtle parallax drift on scroll. A translucent midnight overlay lets the headline, "One community. Every chapter.", read clearly in warm white without competing with the imagery.
Scroll-Driven Before/After Reveal
As the visitor scrolls, paired panels unfold side by side. The 60% left panel shows a common fear through evocative imagery. The 40% right panel answers with a real resident photograph and supporting detail. An interactive drag slider lets visitors move between the two realities at their own pace.
Five-Question Care-Path Quiz
The primary call to action opens a full-screen overlay quiz with five warm, conversational questions. Answers cover current living situation, biggest aging concern, desired independence level, decision timeline, and whether the search is for the visitor or a loved one. Each response subtly shapes the final result.
Personalized Quiz Outcome Page
The quiz result displays a personalized campus map highlighting recommended residences. It also shows a cost-range estimate and a "Schedule a Private Tour" button connected to a calendar picker. This transforms a passive quiz into an active next step.
Sticky Care-Path call to action Bar
A "Find Your Care Path" bar anchors to the bottom of the viewport after the second section loads. It stays visible throughout the scroll without blocking content. Visitors can launch the quiz at any point in their journey.
Downloadable Family Decision Workbook
A secondary conversion path sits below the quiz for visitors not yet ready to book a tour. They can download "The Family Decision Workbook" by entering a name and email address. This captures leads at an earlier stage of the decision process.
Page sections overview
Section
Purpose
Mosaic Header
Set emotional tone and communicate breadth of community life
Headline Overlay
Deliver the core brand promise in warm white type
Before/After Reveal
Address fears directly and pair each one with a real community answer
Care-Path Quiz
Guide visitors to a personalized living recommendation
Quiz Outcome Page
Show a campus map, cost range, and tour booking option
Sticky call to action Bar
Keep the primary action visible throughout the full scroll
Family Workbook Gate
Capture early-stage leads with a downloadable resource
Design & branding system
The visual identity follows a Dark Immersive approach. The palette is built around depth and warmth, not sterility. It feels like a well-lit library after sunset: enveloping but never cold.
Deep twilight navy (#0B1D33) covers full-bleed backgrounds; soft silver birch (#C8CDD5) handles body text; warm lamplight gold (#D4A84B) appears on hover states and accent lines only
Muted dusk slate (#3A4F6A) fills card surfaces and secondary containers, keeping layered depth without visual noise
Gold is used sparingly, the way a reading lamp pools light on a single chair, so every accent moment carries weight
Mobile & speed optimization
The template is built as a full-width immersive layout designed to adapt across screen sizes. The asymmetric 60/40 grid, mosaic header, and quiz overlay are all structured to reflow gracefully on smaller viewports.
The mosaic header tiles and parallax effects are designed to scale without crowding on tablet and mobile screens
The sticky call to action bar and full-screen quiz overlay maintain usability on touch devices
The Before/After drag slider is built to respond to both mouse and touch input for a consistent experience across devices
How this template helps you convert
Haven is designed to move visitors through three emotional stages: recognition, reassurance, and readiness. Each template component serves a conversion role.
The Before/After Reveal builds trust by naming the fear first, which makes the community answer feel earned rather than promotional
The personalized quiz outcome gives visitors a concrete next step tied to their specific situation, reducing the friction between interest and booking
The dual conversion paths (tour booking and workbook download) capture visitors at two different readiness levels, so no lead leaves empty-handed
Other information about this template
Haven is categorized under Real Estate and Property, specifically the Senior Living and Retirement subcategory, with a focus on the active adult community niche. It is built as a full-width immersive template with a quiz and assessment as the primary lead-generation direction. The spatial and architectural creative direction means every layout decision serves the feeling of moving through a real physical campus.
The intersection match score for this template is 9 out of 10, reflecting a high alignment between the template structure and the senior living decision-making journey
The template style is Full-Width Immersive, meaning all sections span edge to edge for a cinematic, enveloping reading experience
The header concept prioritizes visual storytelling over statistics, using the nine-image mosaic to communicate community breadth at a glance
