| name | landing-page-optimization |
| description | Optimize landing pages for higher conversion rates using proven design and copy patterns. Use when creating or improving landing pages. |
| origin | ECM |
Landing Page Optimization
When to Activate
Use this skill when you are creating, reviewing, auditing, or improving a landing page. Applies to lead generation pages, SaaS signup pages, e-commerce product pages, webinar registration pages, app download pages, or any page with a single conversion goal. Also activate when conversion rates are below benchmarks, when redesigning existing pages, or when building A/B test hypotheses for landing page elements.
First Questions
Before optimizing or creating a landing page, clarify:
- What is the single conversion goal? (form fill, signup, purchase, download, registration)
- Where does the traffic come from? (paid ads, email, organic, social — message match matters)
- What is the audience's awareness level? (unaware, problem-aware, solution-aware, product-aware, most-aware)
- What is the current conversion rate? (if optimizing an existing page)
- What objections does this audience typically have? (price, trust, complexity, timing)
- Desktop or mobile priority? (check analytics split — most pages are 60%+ mobile now)
Core Rules
- One page, one goal. Every landing page has exactly one CTA. Remove navigation, footer links, and anything that creates exit paths.
- Message match is non-negotiable. The headline on the landing page must echo the ad, email, or link that brought the visitor. Mismatched messaging kills conversion.
- Above the fold wins or loses. You have 5 seconds to communicate: what this is, who it's for, what they get, and what to do next.
- Specificity beats cleverness. "Save 11 hours per week" converts better than "Work smarter." Numbers, names, and concrete outcomes outperform abstract benefits.
- Social proof is mandatory. No landing page should lack at least one form of proof: testimonials, customer logos, usage stats, review scores, or case study snippets.
- Reduce friction relentlessly. Every form field, every click, every moment of confusion is a leak. Justify every element on the page.
Above-the-Fold Optimization
The hero section is the most important real estate on the page. It must contain:
Headline
- Lead with the primary benefit or outcome, not the product name.
- Use the audience's own language (pull from interviews, reviews, support tickets).
- Formula: [Desired outcome] + [without/without the pain] + [timeframe or qualifier]
- Example: "Build landing pages that convert at 2x your current rate — in under 30 minutes"
Subheadline
- Expand on the headline with supporting detail, secondary benefit, or proof point.
- Keep to 1-2 sentences max.
- Example: "Trusted by 4,200+ marketing teams. No coding required. Free 14-day trial."
Hero Image or Video
- Show the product in use (SaaS), the outcome (lifestyle), or the deliverable (lead gen).
- Videos increase conversion 20-80% on average, but only when they're short (under 90 seconds) and autoplay is muted.
- Avoid generic stock photos. They actively hurt credibility.
Primary CTA
- Use action-oriented, first-person language: "Start My Free Trial" over "Submit" or "Sign Up."
- Button color should contrast with the page palette. Size should be large enough to tap easily on mobile.
- Place the CTA above the fold. Repeat it at logical scroll points throughout the page.
Supporting Element
- A trust badge, social proof snippet, or risk reversal statement placed near the CTA.
- Example: "No credit card required" or "Trusted by 10,000+ teams" or "30-day money-back guarantee."
Social Proof Placement Strategy
Layer social proof throughout the page in escalating credibility:
| Position | Proof Type | Purpose |
|---|
| Hero section | Customer count, star rating, or recognizable logo strip | Immediate credibility |
| After first benefit section | Short testimonial quote with photo and title | Emotional validation |
| After objection section | Case study snippet with specific metrics | Rational validation |
| Near the CTA (bottom) | Security badges, guarantees, review aggregator score | Risk removal |
Effective Testimonial Format
"[Specific result achieved] — [Timeframe]. [How it felt / what changed]. [Would recommend statement]."
— Full Name, Title, Company (with headshot)
Bad: "Great product, love it!" — J.S.
Good: "We increased demo bookings by 47% in the first month. The drag-and-drop builder let us launch pages in hours instead of weeks. Wish we'd switched sooner." — Sarah Chen, VP Marketing, Acme Corp
Objection Handling Sections
Map the top 3-5 objections and address them directly on the page:
| Common Objection | How to Address |
|---|
| "Too expensive" | ROI calculator, cost comparison, or "pays for itself" proof |
| "Too complicated" | Demo video, "3 simple steps" section, time-to-value stat |
| "I don't trust this" | Security badges, customer logos, press mentions, guarantee |
| "Not the right time" | Urgency element, cost of delay, or "start small" option |
| "Will this work for me?" | Segmented testimonials, use-case sections, industry-specific proof |
Use an FAQ section to handle secondary objections. Write questions in the prospect's voice, not the brand's.
Form Optimization
Field Reduction Rules
- Every field you remove increases conversion. Benchmark: 3 fields = ~25% conversion, 5 fields = ~15%, 7+ fields = ~10%.
- Only ask for what you need at this stage. Get more info later via progressive profiling.
- Required fields: Name and Email are the minimum for lead gen. Phone is a conversion killer unless qualification requires it.
Multi-Step Forms
- Break long forms into 2-3 steps. Show a progress bar.
- Start with easy, low-commitment questions (company size, role). Save email/phone for the last step.
- Multi-step forms outperform single-step by 20-40% for forms with 4+ fields.
Form UX Best Practices
- Inline validation (show errors as users type, not after submission).
- Single-column layout only. Multi-column forms confuse scanning order.
- Smart defaults and dropdowns reduce typing effort.
- CTA button text should describe the outcome, not the action: "Get My Free Report" not "Submit."
Mobile Landing Page Optimization
- Thumb-friendly CTAs: Buttons must be at least 44x44px and centered. No side-aligned tiny buttons.
- Collapse content: Use accordions for FAQ and feature details. Long pages are fine on mobile if scannable.
- Tap-to-call: If phone is a conversion path, add a click-to-call button.
- Font size minimum 16px: Prevents iOS auto-zoom on form inputs.
- Remove hover states: They don't work on touch. Use visible states instead.
- Test on real devices: Emulators miss real-world issues. Test on iPhone and Android.
Page Speed Impact on Conversions
Every 1-second delay in page load reduces conversions by approximately 7%.
Speed targets:
- Largest Contentful Paint (LCP): under 2.5 seconds
- First Input Delay (FID): under 100 milliseconds
- Cumulative Layout Shift (CLS): under 0.1
Quick wins: Compress images (WebP format), defer non-critical JavaScript, use a CDN, lazy-load below-fold images, remove unnecessary third-party scripts.
Landing Page Templates by Type
Lead Generation Page
- Headline with outcome promise
- Subheadline with supporting detail
- Short form (name, email, one qualifier)
- 3 bullet points of what they'll get
- Social proof strip
- CTA repeated
SaaS Signup Page
- Headline with primary benefit
- Product screenshot or demo video
- 3 feature blocks with icons
- Customer logos
- Testimonial with metrics
- Pricing or "free trial" emphasis
- FAQ section
- Final CTA with guarantee
E-commerce Product Page
- Product images / gallery
- Product name + price + star rating
- Key benefits (3-5 bullets)
- Add to cart CTA
- Product details (expandable)
- Customer reviews section
- Related products
Webinar Registration Page
- Headline: "Learn [specific outcome]"
- Date, time, duration
- 3-4 bullet points of what attendees will learn
- Speaker bio with credibility markers
- Registration form (name, email)
- "Can't make it live? Register for the recording" sub-CTA
Conversion Rate Benchmarks by Industry
| Industry | Median Conversion Rate | Top 25% |
|---|
| SaaS (free trial) | 3-5% | 8-12% |
| SaaS (demo request) | 2-4% | 6-10% |
| E-commerce | 2-3% | 5-8% |
| Lead gen (B2B) | 4-6% | 10-15% |
| Lead gen (B2C) | 5-8% | 12-20% |
| Webinar registration | 20-30% | 40-50% |
| Newsletter signup | 5-10% | 15-25% |
Note: Benchmarks vary significantly by traffic source. Paid search converts higher than social. Email converts higher than paid. Organic sits in between.
Landing Page Audit Checklist
Message & Copy
Design & Layout
Social Proof
CTA & Forms
Trust & Risk Reversal
Mobile Experience
Technical
Quality Gate
Before delivering a landing page or landing page audit:
