Advocate is an editorial-style healthcare access awareness landing page built for grassroots campaigns. It pairs a documentary video hero, a zip-code-personalized two-step lead form, and a scrolling cause narrative to turn passive visitors into active movement members. Designed for uninsured families, community health workers, and local organizers, it makes the healthcare gap feel personal before it asks for anything.
by Rocket studio
Loading preview…
Quick summary
Advocate is a single-page healthcare access awareness template built in an editorial magazine style. It opens with a full-width video hero and the hashtag #CareStartsHere, then guides visitors through a cause narrative, from a devastating statistic to a healthcare desert map to a collective call to action. The two-step "Join the Movement" form personalizes the cause by zip code before asking for contact details.
Who this template is for
This template is built for people who are doing the hard, unglamorous work of fighting for equitable healthcare in underserved communities. It speaks directly to the visitor's lived experience and earns trust before it asks for anything.
Uninsured parents and caregivers looking for local healthcare resources and a way to take action
Community health workers and local organizers running awareness and advocacy campaigns
Nonprofit teams and cause-led organizations that need a high-impact lead generation page fast
What problem this template solves
Many healthcare advocacy campaigns lead with statistics that feel abstract and calls to action that feel impersonal. Visitors land on a page, skim a number, and leave without connecting. Advocate is built to fix that.
It shows visitors their own neighborhood's healthcare gap data before asking them to sign up
It builds emotional investment section by section, moving from personal testimony to collective momentum
It gives visitors two clear paths: joining the movement with a form, or contributing their own story
What you get with this template
You get a fully structured, single-page campaign template with every section already mapped to a stage in the cause narrative. No blank canvas, no guesswork about what goes where.
A parallax video hero, scrollable pull-quote sections, an interactive map visualization, and editorial feature cards
A two-step lead form that starts with a zip code and expands to collect name, email, and a role selector
A "Share Your Story" secondary path with an open text field and optional photo upload
Theme
Family First
Creative direction
Movement & Cause
Color system
Forest Trust
Style
Editorial/Magazine
Direction
Lead Generation
Page Sections
Parallax Video Hero with Hashtag Headline
Zip-code-personalized Two-step Form
Scroll-triggered Healthcare Desert Map
Cause Narrative Editorial Layout
Story Submission Secondary Path
Editorial Feature Cards for Solutions
Related questions
Who is this template designed for?
What does the two-step lead form actually do?
Does the hero section support video?
Can visitors submit their own stories?
Can I customize the colors and fonts?
Feature list
This section describes the core built-in components that make Advocate work as a campaign page.
Parallax Video Hero with Hashtag Headline
The hero opens full-width with a looping background video of a mother and daughter entering a community health center. The oversized Fraunces serif headline displays #CareStartsHere in white on deep evergreen, with a single subline that fades in on load. There is no call-to-action button here, the movement introduces itself first.
Zip-Code-Personalized Two-Step Form
The "Join the Movement" form runs in two steps. Step one asks only for a zip code and surfaces local healthcare gap data relevant to that area. Step two expands to collect name, email, and a role selector with options for parent, healthcare worker, organizer, and ally. The form earns the sign-up by making the cause feel locally and personally real before requesting contact details.
Healthcare Desert Map Visualization
A scroll-triggered map lights up zip codes in fern green as the visitor scrolls through the section. The visualization answers the question "How bad is it in my area?" without requiring any input from the visitor at that stage, building urgency before the form appears.
Cause Narrative Editorial Layout
The page unfolds as a sequence of editorial chapters. Each chapter escalates from quiet personal testimony to organized collective power. Pull-quote statistics, community portraits, and first-person testimonials are laid out in magazine-spread proportions, keeping the scroll engaging from top to bottom.
Story Submission Path
A secondary conversion path invites visitors to share their own experience. It includes an open text field and an optional photo upload, giving community members a voice on the campaign page itself.
Editorial Feature Cards with Campaign Solutions
The solutions section presents partner clinics, mobile units, and policy demands as photojournalistic feature cards. Each card uses documentary-style imagery and editorial copy, keeping the tone consistent with the rest of the page's cause narrative.
Page sections overview
Section
Purpose
Hero Video Header
Introduces the campaign hashtag and sets emotional tone
The Problem
Anchors the cause with a pull-quote statistic and first-person testimony
Healthcare Desert Map
Shows zip-code-level gap data through scroll-triggered visualization
The Solution Cards
Presents partner clinics, mobile units, and policy demands editorially
Join the Movement
Two-step lead form personalized by zip code for higher conversion
Share Your Story
Secondary path for community testimony and optional photo upload
Footer
Evergreen-background footer with horizontal layout
Design & branding system
The visual identity follows a Family First theme through a Forest Trust color system. The palette feels like a well-tended community garden, living, patient, and cared for by many hands.
Evergreen (#1B4332) anchors headlines and navigation at the top and bottom of the page; cream (#FDF6EC) breathes through the middle sections like worn paper in a waiting room pamphlet
Fern (#95D5B2) lifts callout cards, hover states, and every interactive moment, appearing more frequently as the page builds toward hope
Fraunces serif handles all headlines for editorial weight; DM Sans handles body text and form labels for clarity and warmth; bark brown (#5C4033) keeps the typography honest and unhurried
Mobile & speed optimization
The target audience is likely reaching this page on a phone, searching symptoms at midnight or following a shared link between shifts. The template is built mobile-first to meet them there.
The video hero includes a poster image fallback so the page loads meaningfully even on slower connections
Scroll-reveal animations and the map lighting effect use intersection observer logic, triggering only when sections enter the viewport to keep the experience smooth on mobile
The two-step form is thumb-friendly, starting with a single zip-code field before expanding, reducing friction on small screens
How this template helps you convert
Advocate earns the conversion by making the cause feel personally urgent before it asks for anything. Every section moves the visitor one step closer to acting.
The zip-code-first form step shows the visitor their own neighborhood's healthcare gap numbers, making the cause undeniably theirs and lowering the barrier to completing the full sign-up
Social proof elements, first-person testimony, community portraits, partner clinic counts, and families-served metrics, build trust across the scroll before the call to action appears
The secondary "Share Your Story" path captures visitors who are not ready to join the form but want to contribute, broadening the campaign's reach without losing the lead
Other information about this template
Advocate sits at the intersection of editorial design and community organizing. It is built for cause-led teams that need a page with real depth, not just a sign-up form on a plain background.
The template style is Editorial/Magazine, meaning section proportions, typography hierarchy, and image treatment follow print magazine conventions adapted for the web
The creative direction is Movement and Cause, so every design choice, from the parallax video to the fern accent appearing more often as hope builds, is intentional narrative, not decoration
The header concept is a hashtag-led movement banner, a format that works well for campaigns built around a shared phrase or social call to action like #CareStartsHere
The lp direction is Lead Generation, with two conversion paths (form and story submission) designed to capture different levels of visitor readiness
