Marketing & Sales · Framework

Bad Hero vs Good Hero Annotation

A before-and-after framework for writing clear, high-converting hero sections.

This reference breaks down the difference between vague and high-converting landing page hero copy using an annotated teardown. It contrasts generic headlines and low-intent calls-to-action against structured elements that state audience context, concrete outcomes, and low friction.

The framework

Bad Hero (Slack-style example): — No eyebrow, no context before reading heading. — Heading is generic: 'Connect your team in powerful new ways' — No benefits are included in the CTA ('Sign up').

Good Hero: — Eyebrow: 'For modern remote teams' → sets context and clarifies who it's for. — Heading describes 3 big outcomes of using Slack: 'Organize conversations, files, and tools in one place'. — Subtext: 'Slack is free to try for as long as you like'. — CTA: 'Try Slack for free' → clear, benefit-focused, low-friction. — CTA subtext: 'No credit card needed.' → reduces hesitation and makes clicking feel safe.

What it's for

  • Write or rewrite landing page hero copy for a SaaS product
  • Audit an existing website hero section for missing conversion elements
  • Create benefit-driven calls-to-action with friction-reducing microcopy

Key points

  • Eyebrow text to establish audience context before the main headline
  • Outcome-focused headlines rather than vague marketing statements
  • Subtext explaining specific product value or pricing expectations
  • Benefit-driven CTA copy replacing generic prompts like 'Sign up'
  • Friction reducers like 'No credit card needed' below the button

Pricing

Free

Details

Type
Framework
Category
Marketing & Sales
Topic
Copywriting
Open source
No
Platforms
other
For
Copywriters, founders, and conversion rate optimization designers
Tags
copywriting, landing pages, conversion rate, cro, saas

Why it was saved

  • @Praha37v, 30 June 2025: Actionable checklist for what makes a hero convert

Related

All 11 in Copywriting →

Updated