/landing-page-optimizer

name: landing-page-optimizer
description: "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. Use when: **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"
license: MIT
metadata:
  author: ClawFu
  version: 1.0.0
  mcp-server: "@clawfu/mcp-skills"

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]     │
│                                         │
│  ┌─────────────────┐   ┌─────────────┐  │
│  │