A hero is a content block that has a big bold image, a headline, a short explanation, and a call-to-action (either a button or a really short sign-up form).
A hero can sit at the top of a landing page, or as featured content in a blogpost or content page.
It can even be at the end of a blogpost or page, encouraging visitors to check out other related content on your site.
Most WordPress templates have hero blocks available, and you can even set them up as a reusable pattern.
Not all heroes wear capes
A hero (or featured content) can also contain a testimonial, a pull quote, a product, a service, or an event. But it is probably better to move these to another area of the landing page.
It can be in a popup box or in your page content.
Less is more
- When you’re creating a hero, it needs to be succinct.
- The headline should be eye-catching, thought-provoking, and/or witty.
- The explanatory text should build on the headline, but not be too long.
- The call to action should follow on from the headline and explanatory text.
Do you need a carousel?
Most commentators agree that carousels present usability issues, so it is better to have a single hero section. You can always use A/B testing to find out which hero is more effective.
Here’s an example of a hero that sits at the top of our landing page.
We don’t just build websites,
we create experiences
Visiting your website should be a delightful experience, the same as doing business with your company or organization.
Leave a Reply