landing-page-optimizer

Landing Page Optimizer

Optimize landing pages for maximum conversions using proven frameworks from Unbounce and Oli Gardner—apply the "one goal, one message, one action" principle with data-driven design, copy, and CTA best practices.

When to Use This Skill

Use this skill when you need to:

• Create a new landing page for a campaign
• Optimize an existing landing page that isn't converting
• Review landing page design before launch
• Improve form conversion rates on lead gen pages
• A/B test landing page elements systematically
• Audit landing pages against best practices
• Write landing page copy that converts
• Design CTAs that drive action

This skill is particularly valuable for:

• PPC marketers running paid campaigns
• Growth marketers optimizing conversion funnels
• Demand gen teams building lead capture pages
• E-commerce marketers creating product landing pages
• Agencies building client landing pages
• Founders launching new products or offers

Methodology Foundation

Sources:

• Unbounce - "101 Landing Page Optimization Tips" by Oli Gardner
• Unbounce Landing Page Best Practices
• Unbounce Conversion Benchmark Report (57+ million conversions)

Core Principle: One goal, one message, one action. Every element on your landing page should support a single conversion objective with zero distractions.

"Landing page optimization is the process of systematically improving individual elements to increase conversions. It involves making data-driven changes to design, copy, forms, and calls-to-action that guide more visitors toward taking your desired action."

What Claude Does vs What You Decide

| Claude Does | You Decide | |-------------|------------| | Structures production workflow | Final creative direction | | Suggests technical approaches | Equipment and tool choices | | Creates templates and checklists | Quality standards | | Identifies best practices | Brand/voice decisions | | Generates script outlines | Final script approval |

What This Skill Does

When invoked, I will guide you through comprehensive landing page optimization:

1. Define your conversion goal - Clarify the single action you want
2. Audit current page - Identify conversion blockers
3. Optimize above-the-fold - Headline, value prop, CTA placement
4. Improve copy and messaging - Clear, benefit-focused language
5. Design for conversion - Visual hierarchy and directional cues
6. Optimize forms - Reduce friction, improve completion
7. Build trust elements - Social proof, credibility indicators
8. Plan A/B tests - Systematic improvement approach

How to Use

Provide information about your landing page or campaign:

Example prompts:

• "Review this landing page and suggest optimizations: [URL/description]"
• "Create a landing page structure for [campaign/offer]"
• "Optimize my lead gen form for better conversions"
• "Write landing page copy for [product/service]"
• "Help me A/B test my landing page CTA"
• "Audit this page against best practices"

Information that helps:

• The offer or campaign goal
• Target audience
• Traffic source (PPC, email, social, etc.)
• Current conversion rate (if known)
• Existing copy/design (screenshot or description)
• Form fields required
• Industry/vertical

Instructions

The Foundation: One Goal, One Message, One Action

Before optimizing anything, clarify:

| Question | Purpose | |----------|---------| | What is the ONE action you want? | Define primary conversion goal | | What is the ONE message? | Core value proposition | | Who is the ONE audience? | Specific visitor segment |

Everything on the page must support this singular focus.

Phase 1: Message Match

The Principle

Visitors arrive with expectations set by your ad or email. Your landing page must immediately confirm they're in the right place.

Message match checklist:

| Element | Ad/Email | Landing Page | |---------|----------|--------------| | Headline | Same or similar | Matches promise | | Imagery | Consistent style | Same visual tone | | Offer | Specific promise | Exact same offer | | CTA | Action implied | Action delivered |

Common Message Match Failures

BAD: Ad says "50% off running shoes"
     → Landing page shows general shoe catalog

GOOD: Ad says "50% off running shoes"
      → Landing page shows running shoes with 50% off prominently displayed

For multiple ads: Use Dynamic Text Replacement to match ad copy to landing page headlines automatically.

Phase 2: Above-the-Fold Optimization

What Must Appear Above the Fold

1. Headline - Clear value proposition
2. Subheadline - Supporting benefit or clarification
3. Hero image/video - Product in action or relevant visual
4. Primary CTA - Obvious, clickable button
5. Trust indicator - One proof point (optional but helpful)

Above-the-Fold Layout Template

┌─────────────────────────────────────────┐
│  [Logo]                    [Trust badge]│
├─────────────────────────────────────────┤
│                                         │
│  [HEADLINE - Main Value Proposition]    │
│                                         │
│  [Subheadline - Supporting benefit]     │
│                                         │
│  ┌─────────────────┐   ┌─────────────┐  │
│  │                 │   │ [Hero Image │  │
│  │   [CTA BUTTON]  │   │ or Video]   │  │
│  │                 │   │             │  │
│  └─────────────────┘   └─────────────┘  │
│                                         │
│  [Brief trust statement or social proof]│
└─────────────────────────────────────────┘

The Five-Second Test

Show your page to someone for 5 seconds, then hide it. Ask:

• What was the page about?
• What was the main offer?
• What were you supposed to do?

If they can't answer clearly, your above-the-fold needs work.

Phase 3: Copy Optimization

Headline Formulas

Benefit-focused:

[Get/Achieve] [Desired Outcome] [Without Common Pain Point]

Example: "Get More Qualified Leads Without Cold Calling"

Problem-agitate:

[Tired of/Struggling with] [Pain Point]? [Solution]

Example: "Tired of Landing Pages That Don't Convert? We Can Help"

Specificity:

[Specific Number] [People/Companies] [Achieved Specific Result]

Example: "12,847 Marketers Increased Conversions by 34%"

Body Copy Best Practices

| Do | Don't | |----|-------| | Short paragraphs (2-3 sentences) | Walls of text | | Bullet points for benefits | Long, dense lists | | "You" focused language | "We" focused language | | Specific numbers and results | Vague claims | | Action verbs | Passive voice |

The Krug Rule

"Cut your copy in half, then throw away half of what's left."

If you can say it in fewer words, do it.

Phase 4: CTA Optimization

CTA Copy Best Practices

Be specific about what happens:

| Weak CTA | Strong CTA | |----------|------------| | Submit | Get My Free Ebook | | Click Here | Start My Free Trial | | Learn More | See Pricing Plans | | Download | Download the Checklist | | Sign Up | Create My Account |

Use first-person when possible:

• "Start my free trial" vs. "Start your free trial"
• "Get my copy" vs. "Get your copy"

CTA Design Checklist

• [ ] Contrasting color - Stands out from page
• [ ] Adequate size - Easy to click/tap
• [ ] Whitespace - Breathing room around button
• [ ] Above the fold - Visible without scrolling
• [ ] Repeated on long pages - Every screen length
• [ ] Looks clickable - Button shape, depth, hover state

Button Color

Contrast matters more than specific color. The button should be the most visually prominent element on the page.

Test colors, but prioritize:

• High contrast with background
• Different from other page elements
• Consistent with (but stands out from) brand

Phase 5: Form Optimization

The Friction Formula

More fiel