Catalyst is a sidebar companion landing page built for transportation and logistics benefits consultants. It pairs a data-driven stats wall with scrollable case study narratives and a sticky lead-generation sidebar. The design uses a dark dispatch-board aesthetic, hard cost numbers, and a progressive audit form to convert CFOs, HR directors, and fleet owners into qualified leads.
by Rocket studio
Loading preview…
Quick summary
Catalyst is a high-impact landing page template for benefits consultants serving trucking companies, freight brokerages, and last-mile delivery fleets. It leads with three oversized metrics, walks visitors through three escalating client case studies tracked by a fixed sidebar, and closes with a benefits audit form and a gated PDF download built to capture leads at every stage of buyer readiness.
Who this template is for
This template is built for B2B consultants and professional services firms that help transportation companies cut employee benefits costs. It speaks directly to decision-makers who already feel the pain of rising renewal rates and driver turnover.
Benefits consultants and brokers serving trucking, freight, or last-mile delivery clients
HR directors and fleet operations leaders who need a credible, data-first web presence
CFO-facing advisory firms that sell plan redesign, stop-loss restructuring, or self-funded benefits programs
What problem this template solves
Most benefits consultant pages look like every other professional services site: generic claims, stock photography, and no proof. That approach fails with CFOs and fleet owners who evaluate vendors the same way they read a P&L statement.
Visitors leave without engaging because there is no hard data to anchor trust
Generic layouts do not speak to the specific pain points of transportation HR buyers
Lead capture forms appear too early, before the visitor has seen enough evidence to act
What you get with this template
This template gives you a complete, ready-to-customize landing page that leads with evidence and closes with action. Every section earns its place, from the opening metrics wall to the gated PDF download at the bottom of the sidebar.
A stats-wall hero section with three sequentially animated metrics in oversized condensed type
Three scrollable case study sections with a sticky sidebar table of contents that tracks reading position
A dual-path lead generation section featuring a three-field progressive audit form and a gated benchmark report download
Theme
Corporate Precision
Creative direction
Case Study Narrative
Color system
Teal Catalyst
Style
Sidebar Companion
Direction
Lead Generation
Page Sections
Sequential Animated Metrics Hero
Sticky Sidebar Navigation
Three-beat Case Study Sections
Progressive Three-field Audit Form
Gated PDF Benchmark Download
Dual-row Testimonials Marquee
Related questions
Who is this landing page template designed for?
What lead capture options are included in this template?
Can I update the case study content with my own client results?
How does the sticky sidebar behave as visitors scroll?
What animation and interactivity does this template include?
Feature list
This template includes the following built-in capabilities, each grounded in the source brief.
Sequential Metrics Hero
Three headline numbers animate onto a midnight asphalt background in a staggered fade-in sequence. Each figure ($14,800 average per-driver cost, 31% first-year savings, 92% driver retention) is set in oversized condensed sans-serif with a single teal descriptor line beneath it. No imagery, just the data.
Sticky Sidebar Table of Contents
A fixed left sidebar acts as a persistent navigation companion throughout the page. It highlights the active case study as the visitor scrolls, letting readers jump directly to the fleet size and scenario that mirrors their own situation. The primary call to action button stays pinned at the sidebar bottom at every scroll depth.
Case Study Narrative Sections
Three full client stories are structured in a three-beat format: the problem, the intervention, and the result. Each story escalates in fleet size and savings complexity, building a cumulative evidence wall. Hard numbers, fleet sizes, and timelines are included in each case.
Progressive Lead Capture Form
The audit request form collects three fields in sequence: fleet size (via dropdown with four ranges), current funding model (fully insured, level-funded, self-funded, or unsure), and work email. The progressive structure reduces friction and qualifies the lead before submission.
Gated PDF Benchmark Download
A secondary conversion path offers "The Fleet Benefits Benchmark Report" gated behind email only. This path captures earlier-stage prospects who want to compare their numbers before committing to a call, widening the top of the lead funnel without replacing the primary form.
Testimonials Marquee
A dual-row scrolling marquee displays client quotes attributed by fleet size and role. The animation runs continuously and reinforces the case study evidence with real-world social proof in a compact, desktop-optimized format.
Page sections overview
Section
Purpose
Stats Wall Hero
Opens with three sequential animated metrics to establish credibility immediately
Case Study One
Tells the 200-truck regional carrier story across problem, intervention, and result
Case Study Two
Walks through the 1,500-driver LTL operation restructuring with hard savings figures
Case Study Three
Covers the last-mile gig fleet scenario, the most complex case in the sequence
How It Works
Presents the three-phase intervention methodology on a visual timeline
Testimonials Marquee
Dual-row animated client quotes with fleet size and role attribution
Lead Gen Section
Houses the audit form and the gated PDF benchmark report download
Footer Row
Single linear row with essential navigation and contact links
Design & branding system
The visual identity follows a Corporate Precision theme built around a Teal Catalyst color system. The palette is dark and focused, modeled on the clarity of a well-run dispatch board before dawn.
Deep operations teal (#0D7377) anchors primary user interface elements and section descriptor lines; midnight asphalt (#1B2A3D) fills text areas, sidebar backgrounds, and the hero section
Clean DOT-white (#F4F7F9) covers content panels for high contrast readability; signal amber (#E8A838) appears exclusively on calls to action and data callouts
Typography uses Manrope for headings, JetBrains Mono for all numbers and data values, and DM Sans for body copy
Mobile & speed optimization
This template is designed desktop-first, reflecting the typical environment of CFOs and HR directors who review vendor pages during the workday on a full-screen monitor. A responsive mobile fallback is included for completeness.
The sticky sidebar collapses gracefully on smaller screens so case study content remains fully readable
Scroll-triggered animations and the intersection observer logic are handled through client components, keeping static content lean
Server components are used for all non-interactive sections to reduce the initial render load
How this template helps you convert
The layout is structured to move skeptical, data-driven buyers through a deliberate evidence sequence before asking for anything.
The stats wall opens with hard proof before any copy, establishing credibility in the first three seconds and reducing the instinct to bounce
The sidebar-tracked case studies let visitors self-select the story closest to their situation, making the evidence feel personally relevant rather than generic
The dual conversion path captures both audit-ready buyers through the progressive form and early-stage researchers through the gated PDF, so no qualified visitor leaves empty-handed
Other information about this template
This template is part of the HR and Hiring category with a specific focus on Transportation and Logistics HR. It is positioned for benefits consultants working in a niche where buyer trust is earned through numbers, not brand storytelling.
The Sidebar Companion template style is designed for content-heavy single-page flows where navigation context helps readers stay oriented across multiple sections
The Case Study Narrative creative direction structures each scroll section as a complete story, which suits consultancies whose strongest sales tool is documented client outcomes
The Lead Generation landing page direction prioritizes form conversion and funnel width over passive awareness, making it a practical fit for firms that need a steady flow of qualified audit requests
The animation level is set to high, including sequential fade-ins, stagger reveals, a continuous marquee, and scroll-position tracking via intersection observer
All currency, fleet sizing, and regulatory framing is localized to the United States market
