# Landing page optimizer Human Guide

## What This Is For
Landing page audit and optimization for conversion. It gives the agent a clearer input/output frame for conversion optimization: what context to ask for, what decisions to make, and what usable artifact to return.

Use this as a human-readable version of the Landing page optimizer agent skill. It is meant for marketers, operators, founders, and other non-coders who want the workflow without reading agent-specific implementation instructions.

## When To Use This
- Use this when you need a repeatable process for landing page optimizer.
- Use this when the task needs judgment, examples, constraints, or a clear output format rather than a one-off prompt.
- Use this when you want to hand an AI assistant enough context to produce a usable marketing artifact.

## When Not To Use This
- Do not use this when you only need a quick factual answer.
- Do not use this when the work depends on private data you cannot share with the assistant.
- Do not use this as a replacement for legal, compliance, financial, or medical review.

## What You Need Before Starting
- The goal or business outcome you want.
- The audience, customer segment, or market context.
- Any source material the assistant should respect, such as notes, briefs, examples, URLs, or brand guidance.
- Constraints such as tone, length, channel, deadline, region, or approval requirements.
- A clear definition of what a good final answer should look like.

## Step-By-Step Workflow
1. State the job clearly: "Use the Landing page optimizer guide to help me with..."
2. Add context: audience, goal, offer, channel, source material, and constraints.
3. Ask the assistant to identify missing inputs before producing the final output.
4. Have the assistant follow the skill-specific guidance below.
5. Review the result against the final checklist and ask for revisions where needed.

## Skill-Specific Guidance
- **What is this?** (Clear headline)
- **Why should I care?** (Benefit-focused subheadline)
- **What do I do next?** (Visible CTA)
- 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
- Touch targets minimum 48x48px
- Thumb-friendly CTA placement (bottom half of screen)
- Simplified navigation (hamburger or none)

## Decision Points And Nuance
The original skill emphasizes: Install, Audit Framework, Above the Fold (First 5 Seconds), Hero Layout Patterns, Value Proposition Hierarchy, CTA Optimization, Social Proof Patterns, Form Optimization, Mobile Optimization, Conversion Benchmarks.

Use these questions to steer the work:
- What is the intended audience or buyer?
- What source material must be preserved?
- What should the assistant optimize for: clarity, persuasion, accuracy, speed, creativity, or conversion?
- What examples represent the desired quality bar?
- What should the assistant avoid?

## Common Mistakes
- The visitor must answer 3 questions instantly:
- **Microcopy:** Reduce anxiety below CTA ("No credit card required", "Cancel anytime")
- Labels above fields (never placeholder-only)

## Copy-And-Paste Prompt
```text
Use the Landing page optimizer human guide.

My goal:
[Describe the business outcome]

Audience:
[Describe who this is for]

Context and source material:
[Paste notes, examples, links, or existing copy]

Constraints:
[Tone, length, channel, timeline, must-include items, must-avoid items]

Before producing the final output, ask me for any missing information that would materially improve the result.
```

## Final Checklist
- [ ] The output matches the original goal.
- [ ] The audience and context are reflected in the answer.
- [ ] Important constraints and source material were preserved.
- [ ] The assistant made the relevant decisions explicit.
- [ ] The final artifact is ready to use, review, or hand to the next person.

## Source
This guide was generated from the thatrebeccarae/claude-marketing skill entry for `landing-page-optimizer`.

## Source Skill Notes
These notes preserve the nuance from the original skill. Use them as supporting reference when the workflow above feels too generic.

# Landing Page Optimizer

Audit and optimize landing pages for maximum conversion.

## Install

```bash
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

| Pattern | Best For | Structure |
|---------|----------|-----------|
| **Left copy / right visual** | SaaS, B2B | Headline + CTA left, product screenshot right |
| **Centered hero** | Simple offers | Centered headline, subheadline, CTA |
| **Video hero** | Complex products | Autoplay background or embedded explainer |
| **Social proof hero** | High-trust needed | Headline with customer logos or metrics |
| **Split test** | Dual audiences | Two 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

| Type | Placement | Impact |
|------|-----------|--------|
| Customer logos | Below hero | Trust (B2B) |
| Metric ("50,000+ users") | Near headline | Scale proof |
| Star rating | Near CTA | Purchase confidence |
| Testimonial quote | Mid-page | Emotional proof |
| Case study result | Deep in page | Detailed proof |
| Trust badges | Near form/checkout | Security |

### 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 Type | Good | Average | Poor |
|-----------|------|---------|------|
| SaaS trial signup | >5% | 2-5% | <2% |
| E-commerce product | >3% | 1.5-3% | <1.5% |