landing-page-optimization

📁 reynau/landing-page-optimization 📅 Jan 29, 2026
3
总安装量
3
周安装量
#60534
全站排名
安装命令
npx skills add https://github.com/reynau/landing-page-optimization --skill landing-page-optimization

Agent 安装分布

opencode 3
github-copilot 3
codex 3
gemini-cli 3
cursor 3
continue 2

Skill 文档

Landing Page Optimization

Research-backed insights from analyzing 1000+ landing pages across SaaS, Tech, Web3, finance, and health industries.

Core Principle

Landing pages are 24/7 sales teams. Users decide in 3 seconds whether to stay. Focus on clarity and immediate value.


1. Hero Section (First 3 Seconds)

The hero section determines if visitors stay. Vague heroes drop conversion rates by 40-60%.

Requirements

Element Guideline
Value Prop Answer: What is it? Who is it for? Why care?
Headline Benefit-focused, grabs emotion
Subheadline Adds proof or specificity
Visuals Product demos, illustrations, or pain-point visuals. No stock photos.
CTAs Dual: one low-commitment (“Get Started in 3 Minutes”), one high-value (“Book a Demo”)

Avoid

  • Buzzwords: “AI-powered,” “revolutionary,” “next-gen,” “seamless,” “disruptive”
  • Generic imagery (abstract orbs, random stock photos)
  • Single vague CTA

Example Transformation

Before: "Innovative AI Platform" + bland orb visual
After:  "The Only Platform for Continuous Offensive Pentests - 
        Catch SOC2 Violations Before Hackers Do" + vulnerability icons

Result: 2x time-on-page, 35% higher click-through.


2. Copywriting Frameworks

Good copy elevates mediocre design. Bad copy sinks great design. Every word must be scannable, emotional, and benefit-driven.

Primary Frameworks

PAS (Problem-Agitate-Solution) — 25-40% conversion lift observed

  1. State the pain: “Tired of low conversion rates?”
  2. Agitate: “You’re losing 78% of visitors in seconds.”
  3. Solve: “Our templates convert 3x better.”

AIDA (Attention-Interest-Desire-Action)

  1. Hook with attention-grabbing statement
  2. Build interest with stories/relevance
  3. Create desire with clear benefits
  4. End with specific CTA

FAB (Feature-Advantage-Benefit)

  • Feature: “AI Chatbot”
  • Advantage: “24/7 Support”
  • Benefit: “Save $10k/year on customer service hires”

Before-After-Bridge

  • Before: The struggle
  • After: The success
  • Bridge: Your product

Copy Rules

  • Be specific: “Boost sales by 47%” > “Increase revenue”
  • Use power words: “Unlock,” “Transform,” “Dominate”
  • Short sentences. Active voice.
  • Embed social proof: “Join 500+ founders who doubled leads”

3. Design Patterns

Users want simplicity. Complex designs see 70% bounce rates; minimal designs see 30%.

What Works

Pattern Use Case
Minimalism Clean layouts, dominant color scheme, purposeful whitespace
Bento Grids Features, testimonials. Add flip cards for interactivity
iOS-Inspired Rounded corners, subtle shadows, playful pricing cards
One-Page Startups, quick builds, high conversion

What Fails

  • Scroll hijacking
  • Excessive animations
  • Load times > 2s
  • Purple overloads or random effects
  • Desktop-first design (60% traffic is mobile)

Target Metrics

  • Load time: < 1s
  • Bounce rate: < 35%
  • Linear, predictable scroll flow

4. Social Proof & Trust

Only 22% of businesses are satisfied with their conversion rates. The difference is often trust signals.

Effective Proof Elements

Type Implementation
Testimonials 2.0 Highlight key phrases, pop-out profiles, niche-specific (“As a SaaS founder…”)
Logos + Metrics “Trusted by 10k+ users” with recognizable client logos
Case Studies Short, benefit-focused: “From 10% to 45% conversion in 2 weeks”
Urgency Builders Countdowns, limited spots, “Join 500 waiting”

Strong social proof can increase conversions 2-3x.


5. Pricing Page Design

Pricing is users’ #1 question. Hidden pricing loses visitors.

Structure (3 Tiers Max)

Tier Price Positioning
Starter/Free $0-29/mo Entry point, basic features
Pro (highlight) $49-149/mo Most Popular badge, best value
Enterprise Custom Contact Us, dedicated support

Best Practices

  • Show benefits, not just features
  • Use monthly/annual toggle (annual shows savings)
  • Better CTAs: “Get Started” > “Buy Now”
  • Skip money-back guarantees if confident; focus on results

This structure has lifted upsells by 30%.


6. Conversion Optimization Checklist

99% of pages have too much content. Users have 8-second attention spans.

Simplification Rules

  • Remove navigation menus on landing pages
  • Every element points to one conversion goal
  • No distracting secondary links or options
  • Above-fold content answers: What? Who? Why?

Testing Requirements

  • A/B test headlines (biggest impact)
  • A/B test CTAs (wording, color, placement)
  • A/B test visuals (product vs lifestyle vs abstract)
  • Mobile testing (60% of traffic)

Urgency Elements

  • Countdown timers (use sparingly)
  • Limited availability messaging
  • Bonus offers with deadlines

Post-simplification results: 50-100% conversion rate improvements.


Quick Reference: Anti-Patterns

Don’t Why
“Innovative AI Platform” Says nothing specific
Stock photos of smiling people Generic, untrustworthy
Hidden pricing #1 user frustration
Wall of text Users scan, not read
Multiple competing CTAs Decision paralysis
Slow load times Each second loses 7% conversions
Mobile as afterthought Majority of traffic is mobile

Framework Selection Guide

Goal Framework
Address specific pain points PAS
Tell a transformation story Before-After-Bridge
Explain complex features FAB
Full funnel narrative AIDA
Qualify and convert QUEST

For detailed examples and case studies, see references/examples.md.