conversion-patterns

High-Converting Landing Page Patterns

Content Preview
# High-Converting Landing Page Patterns

## Overview

This reference catalogs proven landing page design patterns that drive higher conversion rates. Each pattern includes placement guidance, implementation notes, and A/B testing priorities.

## Hero Section Layouts

### Pattern 1: Left Copy + Right Product Screenshot
- **Best for:** SaaS products with a strong visual UI
- **Structure:** Headline, subheadline, CTA on left (60%); product screenshot on right (40%)
- **Why it works:** F-pattern rea
How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/conversion-patterns.md \
  https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/product-team/landing-page-generator/references/conversion-patterns.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/alirezarezvani/claude-skills

Then reference at product-team/landing-page-generator/references/conversion-patterns.md

Related Skills