Advocate is a cinematic, horizontal-scroll landing page built for a nonprofit video resume service. It guides executive-level job seekers through case study panels that escalate in seniority, captures leads through a persistent frosted-glass call-to-action button, and pairs a bold editorial header with an iridescent Tech Glass visual identity that commands attention from the first frame.
by Rocket studio
Loading preview…
Quick summary
Advocate is a single-page, horizontal-scroll landing page template designed for a nonprofit leader video resume service. It pairs a cinematic editorial header with escalating case study panels to build trust fast. A persistent "Film Your Story" button and a three-step progressive form turn engaged visitors into qualified leads without interrupting the scroll experience.
Who this template is for
This template is built for service providers who help senior nonprofit professionals stand out in competitive career transitions. It speaks directly to the clients those providers serve, making the value feel personal and urgent.
Executive directors, program officers, and development directors between roles or pivoting to leadership
Career coaches and video production studios specializing in nonprofit or social-sector clients
Personal branding professionals targeting board appointments or executive search placements
What problem this template solves
A nonprofit leader's impact rarely fits inside a résumé or a LinkedIn profile. The template addresses the gap between the presence these professionals carry into a room and what any static document can communicate.
Visitors struggle to picture themselves in the service without seeing real outcomes from people like them
Standard lead-capture forms interrupt trust before it is established
A flat page design cannot convey the gravitas or credibility the service is selling
What you get with this template
The template delivers a complete, conversion-focused landing page structured around storytelling and escalating proof. Every section is built from the source brief and ready to populate with real client content.
A full-viewport cinematic header with editorial frost-white type over a golden-hour portrait
A horizontal scroll case study narrative with three panels per leader: challenge, production, and result
A persistent frosted-glass "Film Your Story" call-to-action button anchored to the bottom edge during scroll
Theme
Tech Glass
Creative direction
Case Study Narrative
Color system
AI Iridescent
Style
Horizontal Scroll
Direction
Lead Generation
Page Sections
Cinematic Full-viewport Header
Horizontal Scroll Case Study Narrative
Persistent Frosted-glass Call to Action Button
Three-step Progressive Lead Form
Secondary Email Capture Path
Tech Glass Iridescent Design System
Related questions
What kind of business is this template designed for?
Can I use this template without video content ready?
How does the two-path lead capture work?
Is the horizontal scroll layout suitable for mobile visitors?
Can I change the career goal dropdown options in the form?
A three-step progressive lead capture form covering title, career goal, and contact details
A secondary "Watch the Full Reel" email capture path for visitors who are not yet ready to commit
Feature list
This section details the core built-in components that make Advocate work as both a storytelling experience and a lead generation tool.
Cinematic Full-Viewport Header
A full-viewport still of a woman in a tailored blazer before a blurred cityscape at golden hour anchors the first impression. The shot angle confers quiet authority. Over it, large thin editorial type in frost white reads "Your Next Board Won't Google You. They'll Watch You." The wide-tracked, unhurried typography lets the portrait carry the emotion while the words land with precision.
Horizontal Scroll Case Study Panels
Each case study moves across three lateral panels: a text card describing the leader's career crossroads, a behind-the-scenes production still from their shoot day, and an embedded video clip with a placement outcome beneath it. Stories escalate in seniority from program manager to VP of Programs to Chief Executive Officer, so visitors see themselves at their aspiration level by the third story.
Persistent Frosted-Glass Call-to-Action Button
"Film Your Story" stays anchored to the bottom edge of the viewport throughout the entire scroll. The frosted-glass treatment keeps it visible without competing with the editorial content. It is always one click away, reducing friction at the moment a visitor decides they are ready.
Three-Step Progressive Lead Form
Clicking "Film Your Story" opens a three-step form designed to feel like a brief conversation. Step one collects current title and organization type. Step two asks for career goal using a dropdown with four options: executive search, board appointment, keynote visibility, or career pivot. Step three captures email address and preferred shoot city.
Secondary Email Capture Path
Visitors who are not ready to commit can click "Watch the Full Reel" instead. This path collects an email address in exchange for an unlisted showcase link, warming the lead before any direct sales conversation begins.
Tech Glass Iridescent Visual Identity
The design system uses deep obsidian backgrounds with translucent frost overlays, shifting violet as a structural accent, and prismatic teal reserved for hover states and progress indicators. Iridescent accents trace the edges of cards, timeline markers, and play buttons, giving every surface the quality of light bending through a glass awards trophy.
Page sections overview
Section
Purpose
Full-Viewport Header
Sets cinematic tone and delivers the primary headline
Case Study: Challenge
Introduces each leader's career crossroads via a text card
Case Study: Production
Shows behind-the-scenes shoot-day stills to build credibility
Case Study: Result
Presents embedded video clip and placement outcome
Persistent call to action Button
Keeps "Film Your Story" accessible throughout horizontal scroll
Progressive Lead Form
Collects title, career goal, email, and preferred shoot city
Secondary Reel Capture
Offers unlisted showcase link in exchange for email
Design & branding system
The visual identity is built on a Tech Glass theme with an AI Iridescent color system. Every surface feels polished and purposeful, like light refracting through a glass award on a conference table.
Color palette: deep obsidian (#0D0D0D) for backgrounds, translucent frost (#E8EAF0) for type and overlays, shifting violet (#7B5EA7) for structural accents, and prismatic teal (#3DD8C5) for hover states and progress indicators
Typography: thin, wide-tracked editorial type in frost white, unhurried and authoritative, letting portrait photography carry the emotional weight
Surface treatment: obsidian-to-frost gradients as backgrounds, with iridescent accents tracing card edges, timeline markers, and play buttons
Mobile & speed optimization
The template is designed for a horizontal scroll layout, which requires thoughtful handling of touch and pointer interactions across screen sizes.
Horizontal scroll panels are structured for lateral swipe navigation on touch devices
Frosted-glass button and form overlays are sized for comfortable finger-tap interaction
The progressive form's three-step structure keeps each screen simple and focused on small displays
How this template helps you convert
Advocate builds conversion momentum through storytelling structure and frictionless lead capture, not through pressure tactics. Every design decision guides the visitor toward a single clear action.
The escalating case study sequence mirrors the visitor's own ambition, so by the third story they are already imagining their own outcome, which makes the "Film Your Story" prompt feel like a natural next step rather than a sales ask.
The two-path lead capture strategy meets visitors where they are: those ready to commit click through to the full progressive form, while those still deciding trade an email for the showcase reel, giving the service a warm contact either way.
Other information about this template
This template was designed with the nonprofit sector's specific professional culture in mind. It treats the job-seeker's gravitas as the product and positions the video resume service as the medium that finally captures it.
The template uses a horizontal scroll structure, which suits case-study storytelling far better than a vertical stack for this use case
The "Watch the Full Reel" secondary path is a deliberate low-commitment entry point for senior professionals who are cautious about committing too early
The page type is a single landing page, not a multi-page website, so all content and conversion paths live within one continuous horizontal experience
The progressive form's career goal dropdown covers four distinct intent categories: executive search, board appointment, keynote visibility, and career pivot
