← ClaudeAtlas

landing-pagelisted

Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.
ainurdev/mystical-assistant · ★ 6 · AI & Automation · score 78
Install: claude install-skill ainurdev/mystical-assistant
# Landing Page (High‑Conversion) — Web Design Skill A landing page is not a homepage. A homepage serves multiple intents. A landing page wins one intent: **one offer → one audience → one primary action**. ## Before you design/write Gather (ask if missing): ### 1) Page purpose - What is the ONE primary action? (trial, demo, buy, waitlist, download) - What’s the offer? (exactly what do they get?) - What counts as conversion? (click, signup, purchase) ### 2) Audience + context - Who is the ICP? - What problem are they trying to solve? - Top 3 objections (why they don’t convert today) - Traffic source: ads / search / social / email - What do visitors already know when they land? ### 3) Proof + assets - Any proof points: logos, testimonials, numbers, case studies - Screenshots, demo video, product GIFs - Guarantees / refund / cancellation terms ### 4) Constraints - Brand voice: casual vs professional - Design direction: minimal editorial vs playful 3D vs glass UI - Mobile priority? --- ## Core structure (what it should include) ### Above the fold (must) 1) **Headline** (outcome + audience) 2) **Subheadline** (clarifies “how” + adds specificity) 3) **Primary CTA** (clear verb + what they get) 4) **One proof signal** (logo strip / stat / short testimonial) 5) **Hero visual** (product screenshot/video) *or* a strong illustration ### Mid page (argument) 6) **Problem → solution** (1 section) 7) **Benefits** (3–5, outcome-driven) 8) **How it works** (3 steps) 9) **Social proof