本文へ移動
cccskills
無料GitHub で公開

landing-page-optimizer

Landing page audit and optimization for conversion. Covers above-the-fold design, value propositions, CTAs, social proof placement, form design, page speed, and mobile optimization. Use when the user asks about landing page optimization, conversion rate improvement, page audits, or CTA optimization.

インストール方法を見る

含まれるファイル(4)

  • SKILL.md4.3 KB
  • EXAMPLES.md1.7 KB
  • LICENSE1.0 KB
  • REFERENCE.md227 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Landing Page Optimizer

Audit and optimize landing pages for maximum conversion.

Install

git clone https://github.com/thatrebeccarae/claude-marketing.git && cp -r claude-marketing/skills/landing-page-optimizer ~/.claude/skills/

Audit Framework

Above the Fold (First 5 Seconds)

The visitor must answer 3 questions instantly:

  1. What is this? (Clear headline)
  2. Why should I care? (Benefit-focused subheadline)
  3. What do I do next? (Visible CTA)

Hero Layout Patterns

PatternBest ForStructure
Left copy / right visualSaaS, B2BHeadline + CTA left, product screenshot right
Centered heroSimple offersCentered headline, subheadline, CTA
Video heroComplex productsAutoplay background or embedded explainer
Social proof heroHigh-trust neededHeadline with customer logos or metrics
Split testDual audiencesTwo distinct paths with separate CTAs

Value Proposition Hierarchy

H1: Primary benefit (what outcome they get)
Subheadline: How you deliver it (mechanism or differentiator)
Supporting points: 3 proof points or features (bullets)
CTA: Specific action + anxiety reducer

CTA Optimization

Text: Action verb + specific outcome ("Start Free Trial" not "Submit") Design: High contrast to background, generous padding, whitespace around it Placement: Above fold, after each content section, sticky on scroll Microcopy: Reduce anxiety below CTA ("No credit card required", "Cancel anytime")

Social Proof Patterns

TypePlacementImpact
Customer logosBelow heroTrust (B2B)
Metric ("50,000+ users")Near headlineScale proof
Star ratingNear CTAPurchase confidence
Testimonial quoteMid-pageEmotional proof
Case study resultDeep in pageDetailed proof
Trust badgesNear form/checkoutSecurity

Form Optimization

  • Every field removed increases completion 5-10%
  • Labels above fields (never placeholder-only)
  • Inline validation (real-time, not on submit)
  • Smart defaults and autofill (autocomplete attributes)
  • Multi-step forms outperform single long forms
  • Progress indicator for multi-step

Mobile Optimization

  • Touch targets minimum 48x48px
  • Single column layout
  • Thumb-friendly CTA placement (bottom half of screen)
  • No horizontal scrolling
  • Simplified navigation (hamburger or none)
  • Fast load (LCP <2.5s on 4G)

Conversion Benchmarks

Page TypeGoodAveragePoor
SaaS trial signup>5%2-5%<2%
E-commerce product>3%1.5-3%<1.5%
Lead gen (B2B)>10%5-10%<5%
Newsletter signup>5%2-5%<2%
Webinar registration>30%15-30%<15%

Anti-Patterns

  1. Multiple competing CTAs — one primary action per page
  2. Feature-focused headline — lead with benefit, not feature
  3. Stock photos — real product screenshots or real people
  4. Navigation on landing pages — remove nav for paid traffic pages
  5. Below-fold CTA only — always have CTA above the fold
  6. No social proof — every landing page needs trust signals
  7. Slow load time — every 100ms delay costs 1% conversion
  8. Desktop-only design — 60%+ traffic is mobile

Integration with Other Skills

  • cro-auditor — Broader CRO audit framework; this skill deep-dives on individual pages
  • ab-testing-framework — Test the changes this skill recommends
  • copywriting-frameworks — Apply PAS/AIDA to landing page copy
  • frontend-design — Implement the optimized page design
  • technical-seo-audit — Page speed and technical optimization

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

A/B and multivariate testing methodology. Design experiments, calculate sample sizes, determine statistical significance, avoid common pitfalls, and interpret results. Platform-agnostic framework applicable to landing pages, emails, ads, pricing, and product features. Use when the user asks about A/B testing, split testing, experiment design, statistical significance, or conversion experiments.

日本語の概要は準備中です。原文の説明を表示しています。

thatrebeccarae/claude-marketing1622026年5月15日 更新

Google and Meta paid media account structure evaluation. Audits campaign/ad set architecture against conversion volume minimums, budget thresholds, and targeting overlap. Identifies over-segmentation, under-segmentation, budget fragmentation, and structural anti-patterns blocking algorithmic learning. Provides consolidation roadmaps with migration plans. Use when inheriting accounts, quarterly health checks, or before scaling budgets.

日本語の概要は準備中です。原文の説明を表示しています。

thatrebeccarae/claude-marketing1622026年5月15日 更新

Answer Engine Optimization (AEO) and Generative Engine Optimization (GEO) specialist. Optimize content and websites to appear in AI-generated answers from ChatGPT, Perplexity, Claude, Google AI Overviews, and other LLM-powered search experiences. Use when the user asks about AI search optimization, AEO, GEO, AI Overviews, appearing in AI answers, LLM citations, or optimizing for generative search.

日本語の概要は準備中です。原文の説明を表示しています。

thatrebeccarae/claude-marketing1622026年5月15日 更新

brand-dna

無料

Extract brand identity from a website URL — voice, colors, typography, imagery, values, and target audience — into a structured brand-profile.json. The profile feeds downstream skills (seo-content-writer, email-composer, frontend-design, pro-deck-builder, cross-platform-audit) for brand-consistent output. Use when the user says brand DNA, brand profile, extract brand, analyze brand, brand voice, brand identity, brand colors, or brand style guide.

日本語の概要は準備中です。原文の説明を表示しています。

thatrebeccarae/claude-marketing1622026年5月15日 更新

Develop brand voice, tone matrices, messaging frameworks, and brand book documentation. Use when the user asks about brand voice, tone of voice, brand guidelines, messaging framework, or brand consistency.

日本語の概要は準備中です。原文の説明を表示しています。

thatrebeccarae/claude-marketing1622026年5月15日 更新

braze

無料

Braze customer engagement platform expertise. Audit campaigns, Canvases, segments, messaging channels, and data architecture. Use when the user asks about Braze, customer engagement, push notifications, in-app messaging, cross-channel orchestration, or lifecycle marketing at scale.

日本語の概要は準備中です。原文の説明を表示しています。

thatrebeccarae/claude-marketing1622026年5月15日 更新

thatrebeccarae のスキルをすべて見る

このスキルの問題を報告する