landing-page

Dieser Auszug wurde bei der Prüfung gespeichert. Die externe Quelle enthält die vollständige und aktuelle Version.

---
name: landing-page
description: "Use this skill when the user needs to create or improve a landing page, write above-the-fold copy, structure a sales page, or increase landing page conversion rates. Also use when the user says 'build my landing page,' 'homepage copy,' 'hero section,' or 'marketing site.' Covers page structure, headline formulas, buyer psychology, and conversion elements."
---

# Landing Page

A landing page is a sales conversation, not a brochure. You have 5 seconds to communicate what the product does and why it matters. This skill gives you the structure and copy for every section.

## Core Principles

- A landing page has ONE goal. Everything serves that goal or gets cut.
- Structure follows the buyer's internal monologue: "What is this?" -> "Is it for me?" -> "How does it work?" -> "Can I trust it?" -> "What do I do next?"
- Above the fold is the most valuable real estate on the internet.
- Long pages can outperform short pages — IF every section earns its place.

---

## Workflow

```
Landing Page Build:
- [ ] Define the ONE goal (signup, waitlist, demo request)
- [ ] Write the hero section (headline + subheadline + CTA)
- [ ] Plan sections in scroll order
- [ ] Write copy for each section
- [ ] Build the page
- [ ] Test on mobile
- [ ] Add analytics tracking (see analytics skill)
```

---

## Section-by-Section Build

### Hero (Above the Fold)

The hero has 5 elements. Get these right and the rest is easier.

1. **Headline** — State the outcome, not the product.
   - Be specific: "Cut your deploy time from 45 minutes to 45 seconds"
   - Not: "Deploy faster"
2. **Subheadline** — Add the "how" or a second benefit.
3. **Primary CTA** — High contrast, specific action text. "Start building free" not "Get started."
4. **Visual** — Product screenshot, short demo, or animated illustration. Show the product in action.
5. **Social proof bar** — Logo strip or metric: "Trusted by 15,000+ teams"

**Tell AI:**
```
Write the hero section for our landing page:
- Product: [what it does, one sentence]
- Audience: [who it's for]
- Main benefit: [the #1 outcome users get]
- Social proof: [number of users, notable customers, or key metric]

Give me:
- 3 headline options (under 10 words each, outcome-focused)
- Subheadline for each (adds "how" or second benefit)
- Primary CTA button text + anxiety reducer below it
- Social proof line
Pick the strongest option and explain why.
```

### How It Works

Exactly 3 steps. Cognitive simplicity.

Format: [Number/Icon] + [Short title] + [One sentence]

Example:
1. **Connect your repo** — Link your GitHub in one click.
2. **Configure your pipeline** — Our AI suggests the optimal setup.
3. **Ship with confidence** — Deploy automatically on every push.

### Feature Sections

Alternate layout: text-left/image-right, then text-right/image-left.

Each feature: [Eyebrow label] + [Benefit headline] + [2-3 sentence description] + [Screenshot]

Lead with benefit, not feature name:
- BAD: "Advanced Analytics Dashboard"
- GOOD: "Know exactly what's working — and what's not"

### Testimonials

- Include: Name, title, company, headshot.
- Quote should mention: a specific result, a before/after, or an emotional reaction.
  - GOOD: "We cut onboarding from 2 weeks to 2 days. New hires actually thank us now." — Sarah Chen, VP Eng @ Acme
  - BAD: "Great product, really love it!" — J.S.
- Place near objection points (security testimonial near pricing, etc.)

### FAQ

Must answer for any SaaS:
1. "Is there a free plan / trial?"
2. "How long does setup take?"
3. "Can I cancel anytime?"
4. "Is my data secure?"
5. "What integrations do you support?"
6. One or two product-specific questions.

### Final CTA

Repeat the primary CTA with a slightly different angle. Different headline, same action.

---

## Full Page Build

**Tell AI:**
```
Build a landing page for our SaaS product:
- Product: [what it does]
- Audience: [who it's for]
- Main benefit: [#1 outcome]
- Features: [list 3-4 key features]
- Social pr