
Hero Section Design: How to Make Users Stay (With Examples)
The five jobs of a hero section, before and after headline examples, hero patterns by business type, and how to design the first screen for a phone.
Blog
Older articles, continued. Practical lessons on web design, conversion and building on Webflow, WordPress and Shopify.
All articles

The five jobs of a hero section, before and after headline examples, hero patterns by business type, and how to design the first screen for a phone.

A step by step method for website copy that sells: collect customer language, build a message hierarchy, write the headline, body and calls to action, then edit.

The anatomy of a landing page, section by section: what each block has to prove, the order that matches how people decide, and how to know a section is failing.

Conversion optimization from zero: what to measure, how to set up tracking, how to choose what to fix first, and how to run a change without fooling yourself.

The structure behind a website that sells: the five decisions that carry conversion, the homepage section order, and how to rebuild without losing traffic.

Traffic but no enquiries? Here is how to find where visitors drop off, the eight reasons a site stops converting, and a two-week plan to fix it.

The production process for a landing page that converts: research, message, wireframe, copy, design, build and the first test, in the order that saves rework.