Phase 1: Copy & Structure

• Write the hero headline (6–10 words, outcome-focused)
• Write a supporting subheadline (1–2 sentences)
• Define your primary CTA text (not "Submit" — something specific)
• Write 3 key benefits (feature + why it matters)
• Write a "How it works" section (3 steps max)
• Collect 2–3 social proof quotes

Phase 2: Design

• Choose brand colors (primary + accent)
• Select font pairing (display + body)
• Design hero section (headline + subheadline + CTA + visual)
• Design features/benefits section (icons + text)
• Design pricing section
• Design testimonials/social proof section
• Design FAQ section
• Design footer with links + copyright

Phase 3: Technical Setup

• Setup Next.js or static site
• Configure custom domain + SSL
• Add favicon (32x32 + 192x192)
• Add OG image (1200x630)
• Add meta title + description
• Add robots.txt
• Add sitemap.xml
• Connect analytics (Plausible or GA4)

Phase 4: Performance

• All images optimized (WebP, <100KB each)
• Lighthouse score > 90 on mobile
• Page loads in < 2s on 4G
• No render-blocking scripts

Phase 5: Conversion

• Above-the-fold CTA visible without scrolling
• Mobile layout tested on iPhone + Android
• Email capture connected to mailing list
• Thank you page / confirmation after signup
• Track CTA clicks in analytics