Landing Page Optimizer

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

| Pattern | Best For | Structure | |---------|----------|-----------| | Left copy / right visual | SaaS, B2B | Headline + CTA left, product screenshot right | | Centered hero | Simple offers | Centered headline, subheadline, CTA | | Video hero | Complex products | Autoplay background or embedded explainer | | Social proof hero | High-trust needed | Headline with customer logos or metrics | | Split test | Dual audiences | Two distinct paths with separate CTAs |

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

| Type | Placement | Impact | |------|-----------|--------| | Customer logos | Below hero | Trust (B2B) | | Metric ("50,000+ users") | Near headline | Scale proof | | Star rating | Near CTA | Purchase confidence | | Testimonial quote | Mid-page | Emotional proof | | Case study result | Deep in page | Detailed proof | | Trust badges | Near form/checkout | Security |

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 5% | 2-5% | 3% | 1.5-3% | 10% | 5-10% | 5% | 2-5% | 30% | 15-30% | <15% |

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

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: thatrebeccarae
• Source: thatrebeccarae/claude-marketing
• License: MIT

Install and usage instructions live in the source repository linked above.