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:
- Define your conversion goal - Clarify the single action you want
- Audit current page - Identify conversion blockers
- Optimize above-the-fold - Headline, value prop, CTA placement
- Improve copy and messaging - Clear, benefit-focused language
- Design for conversion - Visual hierarchy and directional cues
- Optimize forms - Reduce friction, improve completion
- Build trust elements - Social proof, credibility indicators
- 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
- Headline - Clear value proposition
- Subheadline - Supporting benefit or clarification
- Hero image/video - Product in action or relevant visual
- Primary CTA - Obvious, clickable button
- 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