award-landing-pagelisted

Design and build pages that sell — landing pages, homepages, pricing pages, waitlist and pre-launch pages, signup/registration pages, webinar/event pages, product-launch pages, and marketing-site heroes or sections. Use this whenever the user wants to create, redesign, or rework any page whose job is to persuade visitors to act, and equally when the ask is outcome-framed with no page type named ("get more signups", "our page doesn't convert", "make it feel premium", "we're launching Thursday"). It owns the full deliverable — business and funnel research, award-level art direction, conversion copywriting, distinctive design and motion, technical SEO, and CTA/funnel wiring — so prefer it over frontend-design or any generic UI skill when the page's purpose is to market, sell, or convert. Skip for internal tools and dashboards, docs sites, blog/SEO articles, standalone audits, analytics or A/B-test instrumentation, and consent banners on an otherwise untouched site.
popjam-io/skills · ★ 3 · Web & Frontend · score 79

Install: claude install-skill popjam-io/skills

# Award-Winning Landing Pages A landing page has exactly one job: move a specific visitor toward a specific action. "Award-winning" is not decoration on top of that job — the pages that win Awwwards/FWA and the pages that convert best share the same properties: a distinctive point of view, a narrative that unfolds as you scroll, motion that explains rather than decorates, copy that sounds like a person who knows the customer, and flawless execution (fast, accessible, semantic). Work through the phases below **in order**. The most common failure mode is jumping straight to code: you get a generic template with placeholder energy, because design and copy decisions were made implicitly instead of deliberately. Each phase produces a short written artifact that constrains the next one — that's what keeps the result intentional. The second most common failure mode is the **generic AI aesthetic**: dark background, purple-to-blue gradient, glassmorphism cards in a 3-column grid, emoji section icons, "Supercharge your workflow" headlines. If you notice the page drifting there, stop and return to your research memo. ## Phase 0 — Understand the business and its funnels (never skip) You cannot write a persuasive page for a product you haven't understood, and a beautiful page that dead-ends is worthless. Before anything visual: 1. **Inventory the business.** What is sold, to whom, at what price, against which alternatives? If you're inside a codebase or the user gave a URL, read it: