What Makes A Good Website Hero Section?

What makes a good website hero section?

Sometimes the easiest way to learn is to look at an example. So I put together an example lawn care business homepage hero section design so I can break down why it’s great.

1 - H1 or H2 heading at the top optimized for best SEO keyword phrase. In this case “Fort Collins lawn care company” on one and “Fort Collins Contractor Services” on another. This will help the site rank high on Google for that phrase when people search it locally.

2 - H2 or H3 heading is a nice big and clear headline that highlights the key benefit. This should hit on the main value that you provide. In this case, “time for the greenest lawn on the block” on one and “time to build your dream home” on the other! Keep this short it only wraps 2-3 lines (including on mobile).

3 - Sub-heading content below the main headline that further highlights what you do and where you do it. Should build confidence the visitor is in the right place. Keep this to 1-2 short sentences. This helps with SEO, but mainly allows you to narrow a bit more into what you do.

4 - Nice big easy to see call-to-action button. This should make it clear to the visitor what action you want them to take next.

5 - Build trust by adding some trust badges or a trust statement below your CTA button. In this example, we highlight the overall rating. But you could also use things like years in business, certifications, awards, short testimonial blurbs, etc.

6 - Professional looking overall design and a nice image or video to provide a positive emotional response. In this case, on one example we have the image to the right which would folder under the ratings at the bottom on a mobile screen. The image hits on the emotion of spending more time on your life and less on your yard. Plus shows a beautiful patch of yard to showcase the quality of the service and desired results. On the other, we have the background image of a beautiful home.

7 - Make sure it looks great on mobile! All the key information should be above the fold, meaning, you don’t have to scroll down to see the CTA button.

BONUS TIP - Leverage a great website platform like Websites 360 to do this. Need help? Reach out to us!

---

Marketing 360® is the #1 Marketing Platform® for Small Business. It has everything you need from design, to marketing, to CRM. Powered by Madwire® - voted one of the Nation's Best Places to Work by Glassdoor in 2016, 2017, and 2018!

Follow Us:

Follow JB Kellogg's Leadership Content: