In this quick tip, I’m going to share with you the most important section of your entire website and the five key elements that should be there to help convert more visitors into leads and clients for your local business. If you’re ready, let’s dive in.
The most important section of your website is the Hero Section. That’s the part that visitors see before they scroll. And the reason it’s so important is because you only have about five seconds to tell visitors exactly what you do, how you do it, and how that benefits them. So let’s take a look at.
The elements of a good hero section, the first thing is the headline, and that should tell visitors exactly what you do. You don’t want it to be a paragraph. It should be no more than about 8 to 10 words.
The second element is your sub-headline, and that should tell visitors how your service benefits them.
Whatever your service is, how does that benefit them? Think of it like a 30,000 foot view. You don’t have to go into great detail. That’s what the rest of your website does, but you want to hook them initially with the hero section, what you do. How that benefits them.
The third element is a visual element.
Now, that could be an image, a video, it could even be an image that takes up the entire background of the hero section, but you want to have some sort of visual element in the hero.
The fourth element should be some sort of social proof. This is an example of social proof, taking a snippet of a testimonial, but it could also be how many five star reviews you’ve received.
You could include different businesses that you’ve worked with; put their business logos there. Anything to build social proof.
The social proof should support what you’re claiming in the headline and the sub-headline.
And the final element is your main call to action button. What exactly do you want visitors to do when they land on your website?
Make it very clear, have a button there. And you can mimic this button in multiple areas throughout your website. Actually, it’s encouraged to do that. You want give visitors multiple opportunities to take that call to action.
The thing is, you don’t want to give them too many options, so don’t have a button for several different types of calls to action. You can have buttons that send them to different pages on your website, but the main call to action should be consistent throughout your entire website.
Let’s take a look at a real life example of a hero section. This is for a company called Hustle Case, and they make whiteboards that go on the back of Mac laptops.
And although this company sells a product, not a service, this is a great example of a good hero section.
First, we have the headline. This is what do they do? It says: Whiteboard Anywhere. How does that benefit the customer? Notebooks, store ideas, whiteboards evolve ideas, make your next ideas stand out with a hustle case. So that’s the benefit to you, the customer.
They have a visual element, which is actually a demonstration of the hustle case in action.
They provide some social proof – this is an example of including logos of companies here.
Happy customers from companies like Airbnb, IBM, and so forth. And then they have their main call to action, which is Shop Now. This hero section also has a secondary call to action, which is to watch a demo video.
And they did a really smart thing here. They told you how long the video was, so it’s not a big commitment. 14 seconds. If you’re going to have a secondary call to action, make it something like this where you provide a demo video or have it slide the visitor down the page to learn more.