Product hero

MMotivationMotivation: builds desire, proof, identification

Put the product itself above the fold: the interface is the argument.

It’s working when

  • +The screenshot/demo is real UI, current, and legible at rendered size
  • +The visible state shows the product mid-value, not an empty dashboard
  • +Copy is minimal: the product carries the persuasion weight

How this usually goes wrong

A stylized, abstracted 'product illustration' replaces the real interface. Product-aware visitors came to judge craft; showing them a mockup reads as having something to hide.

Wireframe

Where it appears

The same section, different positions. Each archetype asks something different of it.