Advocate is a bento grid landing page built for social workers who want their personal brand to feel as intentional as their practice. A full-screen video header, case study narrative cards, and a persistent booking bar work together to present credentials, log real outcomes, and move the right visitors toward booking a consultation or downloading a supervision framework PDF.
by Rocket studio
Loading preview…
Quick summary
Advocate is a single-page bento grid landing page designed for social work professionals building a personal brand online. It uses intimate video footage, anonymized case study cards, and a clear click-through funnel to communicate expertise before asking for anything. The visual identity is warm, luminous, and clinically credible, built to feel like a trusted professional's office.
Who this template is for
This landing page is designed for licensed social workers who consult, supervise, or mentor professionally. It speaks to practitioners who carry real caseloads and want a page that reflects that depth.
Licensed clinical social workers offering peer supervision hours to colleagues building licensure credentials
Independent consultants hired by nonprofit organizations to design trauma-informed programs
Social work educators and mentors attracting graduate students who want field-experienced guidance
What problem this template solves
Most social work professionals rely on word-of-mouth or generic directory listings. Neither communicates the texture of lived practice expertise. This landing page solves the credibility gap with specificity.
Visitors cannot see your track record from a bio page alone; case study narrative cards show measurable, anonymized outcomes instead
Generic portfolio templates feel cold or corporate; this design uses warmth, depth, and visual intimacy to match the emotional register of the work
Interested peers or clients often leave without acting; the persistent booking bar and secondary email capture keep both conversion paths open
What you get with this template
You get a complete, ready-to-customize single-page layout built around the Lens and Frame visual theme. Every section is purposeful and ordered to build trust before asking for a click.
A full-screen video background header with a single typographic headline set in pearl white
A bento grid of narrative case study cards that vary in size, expand on click, and present outcomes in human, measurable terms
Theme
Lens & Frame
Creative direction
Case Study Narrative
Color system
AI Iridescent
Style
Bento Grid
Direction
Click-Through
Page Sections
Full-screen Video Background Header
Expandable Bento Grid Case Study Cards
Persistent Booking Bar
Secondary Email Capture Path
Scroll-responsive Grid Density
Iridescent Hover States and Card Borders
Related questions
Can I replace the video footage with my own content?
Do I need design experience to edit the bento cards?
Can I use this template if I only offer supervision hours, not consulting?
How does the expandable card work for case studies?
Is this template suitable for a social worker who is early in building their practice?
A persistent bottom bar with a primary "Book a Consultation" call-to-action and a secondary "Download My Supervision Framework" email capture path
Feature list
This section covers the built-in design and layout capabilities included in the Advocate landing page template.
Full-Screen Video Background Header
The header fills the entire viewport with slow, intimate documentary-style footage. Visuals include hands sliding resource folders, pens circling genograms, afternoon light across case files, and a phone screen lighting up at night. No faces appear. A single headline in pearl white reads "The work between the sessions."
Expandable Bento Grid Cards
Cards are arranged like photographs pinned to a corkboard, varying in size across the grid. Some display a single statistic. Others expand on click to reveal a full anonymized case study with pull quotes and measurable outcomes. The grid tightens as the visitor scrolls down, building a dense evidence cluster.
Persistent Booking Bar
After the third bento row, a fixed bottom bar stays visible as the visitor scrolls. It holds the primary call-to-action button in iridescent teal, keeping the booking path accessible without interrupting the narrative flow.
Secondary Email Capture Path
A "Download My Supervision Framework" button offers a PDF download in exchange for an email address. This gives peers who are not ready to book a low-commitment reason to stay connected.
Iridescent Interactive Card Borders
Bento card borders pulse in iridescent accent teal on hover states. The effect feels like light catching the edge of a lens, signaling interactivity without distracting from the content.
Scroll-Responsive Grid Density
The layout intentionally shifts as the visitor moves down the page. Wide, breathing card arrangements at the top give way to tighter, denser clusters near the bottom, visually reinforcing the accumulation of evidence and expertise.
Page sections overview
Section
Purpose
Video header
Opens with intimate documentary footage and a single headline
Opening bento row
Introduces the practice with wide, breathing card layouts
Case study cards
Presents anonymized client stories with statistics and outcomes
Mid-page call-to-action
Places the first "Book a Consultation" prompt after credibility builds
Expanded narrative cards
Reveals full case narratives and pull quotes on click
Dense evidence cluster
Tightens the grid to reinforce depth of expertise near the bottom
Persistent booking bar
Keeps the primary conversion button fixed to the viewport on scroll
Email capture section
Offers the supervision framework PDF to capture peer email addresses
Design & branding system
The Lens and Frame theme uses an AI Iridescent color palette that sits somewhere between clinical precision and quiet transformation. Every color choice is intentional and grounded in the emotional register of social work practice.
Deep empathy violet (#3D1F56) anchors backgrounds and bento card surfaces at varying opacities, with soft pearl white (#F0EBF4) used for backgrounds and primary typography
Shifting holographic lilac (#C4A8E0) adds a layered, refractive quality to mid-tone surfaces, evoking light through a prism
Iridescent accent teal (#5EDCC7) activates on hover states and interactive card borders, functioning as a visual cue for clickable elements throughout the page
Mobile & speed optimization
The bento grid layout is structured to reflow cleanly at smaller screen sizes. The visual hierarchy stays intact whether a visitor is on a desktop monitor or a mobile phone.
Card sizes and grid density adapt responsively so case study content remains readable on narrow screens
The persistent booking bar remains anchored at the bottom of the viewport on mobile, keeping the primary call-to-action within thumb reach
Video header footage is designed for atmospheric effect, with the layout structured so the headline and entry point remain clear regardless of how the video loads
How this template helps you convert
The Advocate landing page is built around a deliberate click-through strategy. It earns trust before it asks for action, and it offers two separate paths to match visitors at different stages of readiness.
The case study narrative scroll builds credibility incrementally, presenting real outcomes and pull quotes before the first call-to-action appears, so the booking prompt lands with authority rather than pressure.
Two conversion paths run in parallel: the primary "Book a Consultation" button targets visitors ready to act, while the "Download My Supervision Framework" email capture retains peers who need more time, keeping both audiences moving forward.
Other information about this template
Advocate sits in the Personal and Resume category, specifically within the Social Worker Profile subcategory. It is purpose-built for social work personal brand websites and reflects a niche intersection that generic portfolio templates do not address.
The template style is Bento Grid, and the creative direction is Case Study Narrative, making it well-suited for professionals whose credibility lives in specific, documented outcomes rather than generalized claims
The header concept is Full-Screen Video Background, and the landing page direction is Click-Through, meaning the entire page structure funnels toward a single booking destination
The color system is AI Iridescent and the theme is Lens and Frame, giving the page a visual language that feels both professionally credible and humanly warm
