Compass - Caregiver Support Landing Page Template

Quick summary

Compass is a single-page landing page template designed for caregivers of autistic individuals. It leads with empathy, asking how the caregiver is doing before anything else. A multi-step form, alternating zigzag sections, real caregiver quotes, and two ungated resource tips all work together to earn trust before the download prompt appears.

Who this template is for

This template is built for services that support the people who do the daily work of caring for autistic individuals. It suits organizations and practitioners who want their landing page to feel like a conversation, not an intake form.

• Respite coordination services and behavioral strategy practices serving family caregivers
• Wellness and social service providers targeting parents, grandparents, and adult siblings
• Community programs offering virtual support groups alongside downloadable caregiver resources

What problem this template solves

Caregivers of autistic individuals arrive at a support service page exhausted and skeptical. Most pages ask about the person being supported before acknowledging the person doing the supporting. That ordering breaks trust before it can be built.

• Visitors leave when a page feels clinical or demanding before it feels warm
• Lead forms with too many fields create friction for people already running on empty
• Services lose conversions when they fail to prove resource quality before asking for an email

What you get with this template

This template gives you a fully structured landing page with a logical emotional flow from arrival to conversion. Every section has a clear role, and the design system keeps the experience calm and coherent throughout.

• A three-step emotional check-in form in the header that surfaces a personalized resource bundle
• Six zigzag alternating content sections covering the full support journey from first contact to community
• A persistent bottom bar call to action that appears after the third scroll section, plus a lightweight footer in a single-row linear pattern

Feature list

This template's features are grounded directly in what the brief defines. Each one serves a specific moment in the caregiver's journey down the page.

Three-Step Caregiver Check-In Form

The header form opens with "How are YOU doing today?" and offers three emotional check-in options: overwhelmed, managing, and seeking growth. Step two asks the age range of the person they support. Step three surfaces a personalized resource bundle. Pine-green progress dots track each step across the top of a rounded, generously padded container.

Zigzag Alternating Section Layout

Six alternating sections create a left-right pendulum rhythm that slows the scroll intentionally. Left-side panels carry plain, honest process descriptions. Right-side panels carry a real caregiver quote from someone who lived that step. Each section is designed to be shorter than the one before it, easing the reader toward action.

Ungated Caregiver Tips

Two practical caregiver tips appear directly inside the zigzag sections, visible before any download prompt. This give-first approach demonstrates resource quality and builds trust before the toolkit gate is ever presented.

Downloadable Caregiver Toolkit Gate

The primary call to action, "Get Your Caregiver Toolkit," delivers a PDF bundle containing a sensory environment checklist, an Individualized Education Program (IEP) meeting prep sheet, and a local respite directory. The gate requires only a first name and email address, with no phone number or intake questionnaire.

Persistent Bottom Bar

After the visitor passes the third scroll section, a persistent bottom bar appears with the toolkit call to action. It stays visible as they continue reading, providing a low-pressure secondary reminder without interrupting the content flow.

Tuesday Circle Community Path

A secondary conversion path invites visitors to join the Tuesday Circle, a free weekly virtual support group. Sign-up requires only an email address, giving people a lower-commitment way to stay connected with the service.

Page sections overview

Design & branding system

The visual identity follows a Healing Space theme built around an Alpine Fresh color system. The palette is deliberately calm, evoking a mountain clearing after rain, with cool air, muted greens, and soft warm neutrals giving every element room to breathe.

• Soft pine green (#5B8C5A) anchors section headers and iconography; morning fog gray (#E8EDE7) separates alternating blocks; glacier meltwater blue (#A3C4D9) highlights resource categories; warm birch white (#FAF6F0) serves as the dominant page background
• Quiet goldenrod (#D4A843) appears on buttons and progress indicators as the accent color, providing a warm focal point without visual aggression
• Typography pairs Fraunces serif for headlines with DM Sans for body text, and all decorative elements use soft geometric shapes suggesting shelter rather than stock photography

Mobile & speed optimization

This template is designed mobile-first because the target audience reaches for their phones at 2 a.m., not their laptops. The layout and interactions are built to feel immediate and easy on small screens.

• Scroll-reveal word animations and zigzag section reveals use IntersectionObserver, so elements animate in only when they enter the viewport
• Multi-step form transitions and the persistent bottom bar are built with mobile state management in mind, keeping the experience smooth on smaller screen sizes
• The single-row linear footer and condensed zigzag layout reduce cognitive load on mobile without sacrificing content depth

How this template helps you convert

The conversion strategy in this template is built on a give-first principle. Every structural decision earns the click rather than demanding it.

1. Two ungated caregiver tips appear inside the zigzag sections before any download prompt, proving the value of the toolkit and lowering resistance to sharing an email address.
2. The three-step check-in form creates a personalized experience that ends with a relevant resource bundle, making the final call to action feel like a natural next step rather than a cold ask.
3. The persistent bottom bar and the in-form toolkit prompt work together to provide two visible conversion moments without doubling up on aggressive interruptions.

Other information about this template

This template is designed for the Health and Medical category, specifically within the Autism Spectrum Care subcategory. It reflects a Transparent Process creative direction, meaning the page is structured to answer the question every exhausted caregiver asks when they consider reaching out.

• The template style is Zigzag/Alternating, and the header concept is a Multi-Step Form with emotional check-in states
• The landing page direction is Content and Resource delivery, prioritizing a downloadable PDF bundle as the primary conversion event
• The color system is Alpine Fresh, the theme is Healing Space, and the template is localized for English-language, US-format audiences

Show more