landing-page-generator

What this skill does

# Landing Page Generator

Design and build high-converting landing pages using proven copy frameworks, section patterns, and conversion optimization techniques.

---

## Table of Contents

- [Keywords](#keywords)
- [Quick Start](#quick-start)
- [Core Workflows](#core-workflows)
- [Page Section Library](#page-section-library)
- [Copy Framework Application](#copy-framework-application)
- [Conversion Optimization Checklist](#conversion-optimization-checklist)
- [Design Style Reference](#design-style-reference)
- [CTA Strategy](#cta-strategy)
- [SEO and Performance](#seo-and-performance)
- [A/B Testing Framework](#ab-testing-framework)
- [Best Practices](#best-practices)
- [Integration Points](#integration-points)

---

## Keywords

landing page, landing page design, conversion optimization, lead capture page, campaign page, marketing page, hero section, CTA strategy, landing page copy, landing page generator, promo page, conversion page, lead gen page, single-page site, landing page template, A/B testing, page layout, above the fold, social proof, pricing table, FAQ section, testimonial block

---

## Quick Start

### Generate a Landing Page

1. Gather inputs: product, audience, pain point, key benefit, offer
2. Select design style (dark-saas, clean-minimal, bold-startup, enterprise)
3. Choose copy framework (PAS, AIDA, BAB) based on audience awareness
4. Build sections in order: Hero > Problem > Solution > Social Proof > How It Works > CTA
5. Run conversion optimization checklist before publishing
6. Set up A/B test for headline and CTA variants

### Landing Page Brief Template

```markdown
## Landing Page Brief
- Product/Service: [Name]
- Value proposition: [One sentence]
- Target audience: [Who and what they need]
- Key pain point: [Primary problem you solve]
- Key benefit: [Primary outcome they get]
- Offer: [What you are offering — trial, demo, download, purchase]
- Traffic source: [Where visitors come from — ads, email, organic]
- Design style: [dark-saas / clean-minimal / bold-startup / enterprise]
- Copy framework: [PAS / AIDA / BAB]
```

---

## Core Workflows

### Workflow 1: Full Landing Page Build

**Step 1: Define the Single Goal**

Every landing page has one purpose and one CTA. Define it before anything else:
- What action do you want the visitor to take?
- What does the visitor get in return?
- What is the traffic source (this determines headline matching)?

**Step 2: Select Copy Framework**

| Framework | Best When | Audience Awareness Level |
|-----------|-----------|------------------------|
| PAS (Problem > Agitate > Solve) | Audience knows the problem | Problem-aware |
| AIDA (Attention > Interest > Desire > Action) | Audience needs education | Unaware to problem-aware |
| BAB (Before > After > Bridge) | Audience wants transformation | Solution-aware |

**Step 3: Build Sections in Order**

| Order | Section | Purpose |
|-------|---------|---------|
| 1 | Hero | Communicate value in 5 seconds |
| 2 | Social proof bar | Build instant credibility |
| 3 | Problem statement | Show you understand their pain |
| 4 | Solution / Benefits | Present your answer |
| 5 | How it works | Reduce perceived complexity |
| 6 | Features with benefits | Detail what they get |
| 7 | Testimonials | Proof from real customers |
| 8 | Pricing (if applicable) | Help them decide |
| 9 | FAQ | Handle objections |
| 10 | Final CTA | Repeat the ask with risk reversal |

**Step 4: Write Copy Per Section**

Use the section-specific guidelines in the Page Section Library below.

**Step 5: Optimize for Conversion**

Run the Conversion Optimization Checklist before launching.

### Workflow 2: Campaign Landing Page

For ad campaigns, email campaigns, or launch events:

**Step 1: Message Match**

The landing page headline MUST match the ad/email that drives traffic:
- If ad says "Reduce churn by 30%," the landing page headline must say "Reduce churn by 30%"
- Mismatched expectations cause immediate bounce

**Step 2: Single Message Focus**

Remove all navigation, sidebar links, and secondary CTAs:
- No header navigation (removes exit paths)
- No footer links except legal requirements
- One CTA repeated 2-3 times on the page
- Every section supports the single conversion goal

**Step 3: Traffic Source Adaptation**

| Traffic Source | Page Adaptation |
|---------------|----------------|
| Paid search (Google) | Lead with the searched keyword in H1 |
| Paid social (Meta, LinkedIn) | Lead with the ad's hook/benefit |
| Email campaign | Lead with the email's promise |
| Organic search | Lead with the comprehensive answer |
| Referral/partner | Lead with the referrer's context |

---

## Page Section Library

### Hero Section

The most important section. Must communicate value in 5 seconds.

**Components:**
- Headline (primary value proposition)
- Subheadline (expand on headline, add specificity)
- Primary CTA button
- Secondary CTA (optional, lower commitment)
- Supporting visual (product screenshot, illustration, or video)
- Trust signal (social proof bar, customer count, or badge)

**Hero Variants:**

| Variant | Layout | Best For |
|---------|--------|----------|
| Centered | Text centered, CTA below, visual below | Simple offers, clear value props |
| Split | Text left, visual right (or vice versa) | Product with strong visual/screenshot |
| Video background | Text overlay on ambient video | Brand-heavy, awareness pages |
| Minimal | Headline + CTA only, no visual | High-intent traffic, direct offers |
| Social proof hero | Testimonial as the headline | Strong customer story to lead with |

**Hero Copy Guidelines:**
- Headline: 6-12 words, includes the primary benefit
- Subheadline: 1-2 sentences, adds specificity or addresses the "how"
- CTA: Action verb + what they get ("Start my free trial")
- Supporting text below CTA: reduce friction ("No credit card required")

### Problem Section

Make the reader feel understood before pitching anything.

**Structure:**
- 2-3 pain points in the reader's language
- Each pain point is specific and recognizable
- Optional: quantify the cost of the problem ("This costs teams an average of $X per month")

### Solution / Benefits Section

Connect your product to the outcomes they want.

**Structure:**
- 3-5 key benefits (not features)
- Each benefit follows the pattern: [What it does] > [Why that matters] > [Specific outcome]
- Visual support for each benefit (icon, screenshot, or illustration)

### How It Works Section

Reduce perceived complexity to 3-4 simple steps.

**Structure:**
- Step 1: [Action] (with brief description)
- Step 2: [Action] (with brief description)
- Step 3: [Action] (with brief description)
- Optional Step 4: [Outcome] ("See results within [timeframe]")

**Rules:**
- Never exceed 4 steps (complexity kills conversion)
- Each step starts with an action verb
- Each step can be understood independently

### Social Proof Section

**Types ranked by conversion impact:**

| Type | Impact | Example |
|------|--------|---------|
| Named testimonial with metrics | Highest | "Reduced churn by 23% in 90 days" — Sarah Chen, VP Marketing |
| Customer logos | High | Row of recognizable brand logos |
| Aggregate metrics | High | "2,847 teams, 40+ countries, 4.8/5 rating" |
| Star ratings / review scores | Medium | "4.8 out of 5 on G2 (500+ reviews)" |
| Case study link | Medium | "See how [Company] achieved [result]" |
| Generic testimonial | Low | "Great product!" — John D. |

### Pricing Section

**Guidelines:**
- 2-4 tiers maximum (3 is optimal)
- Highlight the recommended tier visually
- Feature comparison shows what is included in each tier
- Enterprise tier with "Contact us" for custom needs
- Annual vs. monthly toggle if offering both
- Trust signals near pricing (guarantee, cancel anytime)

### FAQ Section

**Guidelines:**
- 5-8 questions maximum
- Questions should address real buying objections
- Answers should be direct (1-3 sentences)
- Include FAQPage schema markup for SEO

**Common FAQ questions to include:**
- How