Nonprofit Leader Career Portfolio Website Template

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
• 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

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.

1. 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.
2. 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

Show more