Skip to main content

Case Studies

High-converting insurance landing page design on MacBook Air with multi-step lead capture form
Landing Page

The $4.20 Lead Miracle: High-Converting Insurance LP

Client
SafeQuote (Insurance Comparison Platform)
Disciplines
Next.jsTailwind CSSFarmer MotionGoogle Ads APIHubSpot Forms
Background

SafeQuote ran Google Ads for "cheap car insurance [state]" (spending $28K/month). Their landing page converted at 3.2%, generating leads at $68 each. Industry benchmark was 8–12%. They needed 300+ leads/month at <$20 CPL to make the unit economics work with their insurance carrier partners. Current page was a bloated WordPress template with a 12-field form.

Isometric iPad mockup displaying multi-step insurance lead gen form with blue progress bar and green success states for conversion optimization
The Solution

Strategic Implementation & Digital Results

We rebuilt the page as a single-purpose Next.js landing page with one goal: capture lead intent with minimum friction. Form reduced to 4 fields (zip code, age, currently insured Y/N, email). Used multi-step form psychology—one question per screen on mobile, with a progress bar (23% → 51% → 78% → Done).

Trust layer: Added live "3,847 quotes compared today" counter (real HubSpot API data, updated hourly), embedded Trustpilot widget (4.6★ from 2,100+ reviews), and rewrote CTA copy to "See My Rates" (action-oriented, benefit-focused).

Performance: Hero image served as next-gen WebP with priority tag for instant LCP. Fonts subset to critical glyphs only. Total page weight: 340KB. Deployed on Vercel edge network for <100ms TTFB.

A/B tested two variants: Version A (green CTA, left-aligned form) vs. Version B (blue CTA, center-aligned form). Version B won with 11.4% CVR vs. 9.1%.

01

Background

SafeQuote ran Google Ads for "cheap car insurance [state]" (spending $28K/month). Their landing page converted at 3.2%, generating leads at $68 each. Industry benchmark was 8–12%. They needed 300+ leads/month at <$20 CPL to make the unit economics work with their insurance carrier partners. Current page was a bloated WordPress template with a 12-field form.

02

The Challenges

  • Form friction: 12 fields including dropdown menus for vehicle make/model—mobile users abandoned at the 4th field (68% exit rate)
  • No trust signals: generic stock photo of a family, zero social proof, CTA copy was "Submit"
  • Page speed: 5.1s LCP due to unoptimized hero image and Google Fonts render-blocking
03

The Solution

We rebuilt the page as a single-purpose Next.js landing page with one goal: capture lead intent with minimum friction. Form reduced to 4 fields (zip code, age, currently insured Y/N, email). Used multi-step form psychology—one question per screen on mobile, with a progress bar (23% → 51% → 78% → Done).

Trust layer: Added live "3,847 quotes compared today" counter (real HubSpot API data, updated hourly), embedded Trustpilot widget (4.6★ from 2,100+ reviews), and rewrote CTA copy to "See My Rates" (action-oriented, benefit-focused).

Performance: Hero image served as next-gen WebP with priority tag for instant LCP. Fonts subset to critical glyphs only. Total page weight: 340KB. Deployed on Vercel edge network for <100ms TTFB.

A/B tested two variants: Version A (green CTA, left-aligned form) vs. Version B (blue CTA, center-aligned form). Version B won with 11.4% CVR vs. 9.1%.

Project Impact

The Competitive Edge Delivered.

01
Conversion rate
3.2%→ 11.4% (256% lift)
02
Cost per lead
$68→ $4.20 on the same ad spend
03
LCP
5.1s→ 0.8s
04
Form completion rate
32%→ 74% (mobile)
05
Monthly leads
410→ 1,460 at lower CPL
06
Revenue impact
$84K/monthin new insurance commissions (at $58 avg commission per converted lead)

Like What You See?

Every project starts with a conversation. Let's discuss how we can bring this level of strategic digital expertise to your next business challenge.

Let's Talk
Chat on WhatsApp