Landing Page Optimizer

Audit and optimize landing pages for maximum conversion.

Install

git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/landing-page-optimizer ~/.claude/skills/

Audit Framework

Above the Fold (First 5 Seconds)

The visitor must answer 3 questions instantly:

1. What is this? (Clear headline)
2. Why should I care? (Benefit-focused subheadline)
3. What do I do next? (Visible CTA)

Hero Layout Patterns

Value Proposition Hierarchy

H1: Primary benefit (what outcome they get)
Subheadline: How you deliver it (mechanism or differentiator)
Supporting points: 3 proof points or features (bullets)
CTA: Specific action + anxiety reducer

CTA Optimization

Text: Action verb + specific outcome ("Start Free Trial" not "Submit")

Design: High contrast to background, generous padding, whitespace around it

Placement: Above fold, after each content section, sticky on scroll

Microcopy: Reduce anxiety below CTA ("No credit card required", "Cancel anytime")

Social Proof Patterns

Form Optimization

• Every field removed increases completion 5-10%
• Labels above fields (never placeholder-only)
• Inline validation (real-time, not on submit)
• Smart defaults and autofill (autocomplete attributes)
• Multi-step forms outperform single long forms
• Progress indicator for multi-step

Mobile Optimization

• Touch targets minimum 48x48px
• Single column layout
• Thumb-friendly CTA placement (bottom half of screen)
• No horizontal scrolling
• Simplified navigation (hamburger or none)
• Fast load (LCP <2.5s on 4G)

Conversion Benchmarks

Anti-Patterns

1. Multiple competing CTAs — one primary action per page
2. Feature-focused headline — lead with benefit, not feature
3. Stock photos — real product screenshots or real people
4. Navigation on landing pages — remove nav for paid traffic pages
5. Below-fold CTA only — always have CTA above the fold
6. No social proof — every landing page needs trust signals
7. Slow load time — every 100ms delay costs 1% conversion
8. Desktop-only design — 60%+ traffic is mobile

Integration with Other Skills

• cro-auditor — Broader CRO audit framework; this skill deep-dives on individual pages
• ab-testing-framework — Test the changes this skill recommends
• copywriting-frameworks — Apply PAS/AIDA to landing page copy
• frontend-design — Implement the optimized page design
• technical-seo-audit — Page speed and technical optimization