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

Xiaohongshu Crawler

爬取小红书内容,支持登录搜索、笔记详情获取、用户主页信息及热门笔记,无需登录部分功能可用。

Registry SourceRecently Updated
General

TAPD

当用户需要查询、修改 TAPD 项目中需求、缺陷、任务等信息时,如修改状态、添加评论等,通过调用 TAPD MCP 提供相应的服务。当用户要求时,通过 send_qiwei_message 发送消息到企业微信。

Registry SourceRecently Updated
General

Roast Generator

吐槽生成器。温和吐槽、毒舌模式、朋友互怼、名人吐槽、自嘲、Battle模式。Roast generator with gentle, savage modes. 吐槽、毒舌、搞笑。

Registry SourceRecently Updated