60 problem section examples
Name the pain in the visitor’s own words
Name the pain before you sell the fix. Done well this section makes the solution land as relevant rather than generic; done badly it is a paragraph nobody reads.
Every screenshot here is an invented business, generated to show a look rather than to show a client. The real alumni sites, with names and live links, are on the workshop page.
A landing page is one continuous argument. This is one move in it; the other 17 sections are here too.
Problem
60Nothing matches that. Try a shorter word.
The other 17 sections.
Layouts grouped by the job each section does rather than by what it is called. Pick one from each and you have most of a page.
Hero
60 examples
Proof bar
60 examples
How it works
60 examples
Agenda
60 examples
Benefits
60 examples
Features
60 examples
Testimonials
60 examples
Why us
60 examples
Pricing
60 examples
De-risking
60 examples
FAQ
60 examples
Final CTA
60 examples
Point of view
60 examples
Body of work
60 examples
About
60 examples
Why me
60 examples
Where else
60 examples
All 18 sections, or the seven galleries that vary a whole page instead:
Bring the one you picked to the workshop.
An afternoon in central Singapore. Walk in with a brief and a reference, walk out with the site live at your own domain.
S$288 · 1pm – 6pm · Limited to 15 seats
Runs monthly · Next: 25 Sept