landing-page-optimization

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.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "landing-page-optimization" with this command: npx skills add reynau/landing-page-optimization/reynau-landing-page-optimization-landing-page-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

ElementGuideline
Value PropAnswer: What is it? Who is it for? Why care?
HeadlineBenefit-focused, grabs emotion
SubheadlineAdds proof or specificity
VisualsProduct demos, illustrations, or pain-point visuals. No stock photos.
CTAsDual: 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

PatternUse Case
MinimalismClean layouts, dominant color scheme, purposeful whitespace
Bento GridsFeatures, testimonials. Add flip cards for interactivity
iOS-InspiredRounded corners, subtle shadows, playful pricing cards
One-PageStartups, 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

TypeImplementation
Testimonials 2.0Highlight key phrases, pop-out profiles, niche-specific ("As a SaaS founder...")
Logos + Metrics"Trusted by 10k+ users" with recognizable client logos
Case StudiesShort, benefit-focused: "From 10% to 45% conversion in 2 weeks"
Urgency BuildersCountdowns, 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)

TierPricePositioning
Starter/Free$0-29/moEntry point, basic features
Pro (highlight)$49-149/moMost Popular badge, best value
EnterpriseCustomContact 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'tWhy
"Innovative AI Platform"Says nothing specific
Stock photos of smiling peopleGeneric, untrustworthy
Hidden pricing#1 user frustration
Wall of textUsers scan, not read
Multiple competing CTAsDecision paralysis
Slow load timesEach second loses 7% conversions
Mobile as afterthoughtMajority of traffic is mobile

Framework Selection Guide

GoalFramework
Address specific pain pointsPAS
Tell a transformation storyBefore-After-Bridge
Explain complex featuresFAB
Full funnel narrativeAIDA
Qualify and convertQUEST

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

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

landing-page-optimization

No summary provided by upstream source.

Repository SourceNeeds Review
General

image-gen

Generate AI images from text prompts. Triggers on: "生成图片", "画一张", "AI图", "generate image", "配图", "create picture", "draw", "visualize", "generate an image".

Archived SourceRecently Updated
General

explainer

Create explainer videos with narration and AI-generated visuals. Triggers on: "解说视频", "explainer video", "explain this as a video", "tutorial video", "introduce X (video)", "解释一下XX(视频形式)".

Archived SourceRecently Updated
General

asr

Transcribe audio files to text using local speech recognition. Triggers on: "转录", "transcribe", "语音转文字", "ASR", "识别音频", "把这段音频转成文字".

Archived SourceRecently Updated