| name | landing-page-optimization |
| description | Optimize landing pages for higher conversion rates using proven frameworks and design patterns. Use when designing, reviewing, or improving landing pages, hero sections, pricing pages, CTAs, or when the user asks about conversion optimization. |
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
Testing Requirements
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.
