landing-page-conversion
Installation
SKILL.md
Landing Page Conversion
A beautiful page with unclear positioning converts worse than a plain page with sharp positioning. Fix upstream first: positioning → copy → structure → design → speed.
Full depth (frameworks, real examples, benchmarks) is in the SaglitzDesign MCP (
npx saglitzdesign-mcp): docsconversion-ux,storybrand-copywriting,value-proposition-jtbd,influence-persuasion,growth-frameworks,web-hero-sections; toolsaudit_ux_copy(readability, weak CTAs),create_design_system,generate_layout_system, and the/build_landing_pageworkflow.
Order of operations
- Positioning first. One sentence: for [segment] who [struggle], [product] is the [category] that [key value], unlike [alternative]. Decide the ONE conversion goal of the page.
- Value proposition. Map the customer's job-to-be-done (functional/social/emotional) to your value. This becomes the headline.
- Copy before layout. Write the real headline, subhead, CTA, and section copy before designing. Never design with lorem ipsum.
- Then design & build, then optimize.
The above-the-fold contract
In ~5 seconds a visitor must answer: What is this? Who's it for? Why care? What do I do next?