What is a “hero banner?”
Of course, you can ask ChatGPT or Gemini and get an answer, but since you’re here reading this post, I’ll tell you what it is.
A “hero banner” is the first section below your website header, which uses three specific components to drive interest to action.
It should start below the website header, which holds your navigation menu, and end at the bottom of the screen
It’s all the person viewing your home page should see, unless they scroll below.m it. That content is filler content.
A hero banner consists of:
- A background graphic, photo, or video that captures the person’s attention and conveys what the organization is about.
I use a background video no more than a few seconds long that is looped, so the motion is constant. A background video can really create a story about the organization, sometimes more than an image ever could. The motion creates energy, and the viewer will stop to watch the video, which increases time spent on the site and can reduce your bounce rate.
- A concise sentence (and maybe subtext) that tells the viewer exactly what your business offers.
For my Digital Strategy Works digital marketing agency, I use this:
Primary – “dynamic digital strategies for content and commerce”
Sub-text – @Planning integrated web, mobile, and social strategies to foster organic engagement and regenerative growth!”
- A call-to-action button that, when clicked, takes the viewer directly to your offer. I use “Get Started” for my button text.
A call-to-action is the prompt that directs the viewer to where you want them to go. It stands alone as the primary way to drive your potential customers into your sales channel.
Are you following these steps to close your deal, sell your product, or generate new leads? If you need help with this, let’s schedule 30 minutes to chat about getting you unstuck.
We can go over this, as well as address more of your website design or redesign needs.