landing-page-optimization
npx skills add https://github.com/reynau/landing-page-optimization --skill landing-page-optimization
Agent 安装分布
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
- State the pain: “Tired of low conversion rates?”
- Agitate: “You’re losing 78% of visitors in seconds.”
- Solve: “Our templates convert 3x better.”
AIDA (Attention-Interest-Desire-Action)
- Hook with attention-grabbing statement
- Build interest with stories/relevance
- Create desire with clear benefits
- 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.