Skip to content

context.md

Latest commit

 

History

History
221 lines (155 loc) · 4.69 KB

context.md

File metadata and controls

221 lines (155 loc) · 4.69 KB

Landing Page Context: Protect.com Demand Gen / PMax LP

Purpose

This document provides structured context for an AI assisting with the design, copy, or implementation of a Protect.com landing page modeled after The Zebra’s high-performing LP format.

The goal is to test a conversion-focused landing page for demand generation / Performance Max traffic, leveraging proven insurance comparison UX patterns while aligning with Protect.com’s brand values of protection, safety, and trust.

Reference LP

Source Inspiration: The Zebra – Car Insurance Comparison Landing Page
Key Attributes:

  • Stark black & white layout
  • Floating quote cards
  • Data-driven trust signals
  • Clear anti-spam messaging
  • Strong social proof (Trustpilot)

Brand Identity Shift

The Zebra

  • Color palette: Black / White / Zebra Blue
  • Tone: Playful, data-heavy, comparison-focused

Protect.com (Adapted)

  • Core message: Protection + Safety + Smart Savings
  • Emotional framing: Confidence, trust, peace of mind

Recommended Color Palette

  • Deep Navy Blue: #001f3f (trust, authority)
  • White: #ffffff (clarity, cleanliness)
  • Emerald Green (CTA / savings): #2ecc71
  • Accent Blue (icons / highlights): Brand-aligned Protect blue

Page Structure & Section-by-Section Adaptation

Header

The Zebra

  • Logo (left)
  • Phone number (right)

Protect.com Adaptation

  • Protect logo (left)
  • “Call a Specialist: [Phone Number]” (right)

Purpose: Immediate trust + human assistance option.

Hero Section

Headline

  • Zebra:
    Your One-Stop Shop For Car Insurance Comparison
  • Protect.com:
    The Smarter Way to Protect Your Car and Your Wallet

Subheadline

  • Save Over $900 Per Year by Comparing
  • Keep identical savings claim for continuity and performance parity.

Primary CTA

  • Zebra: “Compare Now”
  • Protect.com: “See My Free Quotes”
  • CTA button color: Emerald Green

ZIP Code Input

  • Required
  • Always paired with trust disclaimer below

Conversion Trust Line (Critical)

No junk mail. No spam calls. Free quotes.

This copy must appear below every ZIP entry.

Trust Bar (Logo Strip)

Copy:

We work with 100+ companies to find the best match for you

  • Keep this section intact
  • Logos should be recognizable national carriers
  • Primary function: credibility and authority transfer

Value Proposition Section

Three-column layout with iconography.

Value Prop 1

Zebra: No Spam
Protect.com:
Privacy First
Your information stays secure with us.

Value Prop 2

Zebra: Real Choice
Protect.com:
Insurance on Your Terms
You’re never pressured to switch or buy.

Value Prop 3

Zebra: Real Savings
Protect.com:
Instant Savings
Our users save as much as $940/year by switching.

Dark Contrast Section (Mid-Page Break)

Background Color: #001f3f
Purpose: Visual break + authority reinforcement

Headline

Comprehensive Coverage, Simplified.

Body Copy We’ve done the hard work of vetting 200+ insurance companies so you don’t have to.

Design Notes

  • Replicates Zebra’s black section
  • White text
  • Floating carrier cards on the right

Social Proof Section

Trustpilot-Style Review Block

Requirements

  • Replicate layout exactly
  • Star ratings
  • “Verified” labels
  • Review snippets
  • Aggregate score line

Color Adaptation

  • Stars: Protect blue / emerald green
  • Verified checkmarks: Green

Headline

Over 74 million quotes and counting

Purpose: Massive scale + trust validation.

Conversion Footer

Final CTA

Headline

Ready to start comparing rates?

ZIP Input + CTA

  • Button: “See My Free Quotes”
  • Same anti-spam copy underneath

Footer Elements

  • Terms of Service
  • Privacy Policy
  • Licenses
  • Cookie Preferences

Key Design Elements to Replicate

Floating Quote Cards

  • Use box-shadow
  • Slight translateY animation
  • Cards should feel layered and “alive”

Anti-Spam Messaging (High Priority)

This messaging must appear:

  • Under hero ZIP input
  • Under footer ZIP input

It is a major conversion driver in insurance verticals.

Visual Rhythm

  • Light → Dark → Light page flow
  • Clear section separation
  • Strong headline hierarchy

Implementation Notes (Optional Framework Guidance)

  • Mobile-first layout
  • Sticky CTA on smaller screens
  • Avoid navigation distractions
  • Page exists to convert, not educate broadly

Primary Goal

Maximize ZIP submits for demand gen / PMax traffic while maintaining:

  • Trust
  • Clarity
  • Low friction
  • High perceived safety

This LP should feel:

“Simple, safe, and obviously worth trying.”