🔴 Critical — Fix before launch · 🟡 Important — Fix if possible · 🟢 Optional — Nice to have

Great design isn't about how a website looks — it's about how effortlessly people can use it. This section covers every UX layer: first-impression messaging, mobile experience, accessibility, navigation logic, trust signals, and cross-browser compatibility.

💬 Messaging & Value Proposition

💡 Why this group matters: Users decide whether to stay or leave within 5 seconds of landing on your homepage. If your messaging doesn't immediately answer "what is this and why should I care?" — they're gone.

Hero Section & Value Proposition 🔴 Critical

• [ ] The H1 headline clearly states what the product does in plain language — not a tagline, not a slogan, a description
• [ ] The subheadline explains who it's for and what specific problem it solves
• [ ] A first-time visitor with zero prior knowledge understands the product within 5 seconds
• [ ] The hero CTA is specific and action-oriented: "Start Free 14-Day Trial" or "Book a Demo" — not "Get Started" or "Learn More" alone
• [ ] The hero image or video shows the actual product in use — not stock photography of people at laptops
• [ ] The hero section communicates one idea, not three
• [ ] Clarity is prioritized over creativity — clever headlines that require thinking lose to clear ones
• [ ] A social proof micro-element exists near the CTA: "Trusted by 2,000+ SaaS teams" or star rating

📌 The 5-second test: Show the homepage to someone unfamiliar with your product for exactly 5 seconds. Ask: "What does this do? Who is it for?" If they can't answer both — the headline needs a rewrite.

🛠️ UsabilityHub 5-Second Test · Wynter (message testing with your target audience)

Homepage Messaging Flow 🟡 Important

The homepage tells a story: Problem → Solution → Proof → Action. Every section should flow logically into the next.

• [ ] Pain point or problem is acknowledged early in the page (creates emotional connection)