5 Website Hero Sections To Steal

Welcome back to the Brand Building newsletter!

One of the core vitals that every website needs to optimize is the bounce race. If you don't already know the definition of bounce race is the number of website visitors that leave before taking action.

For example, if someone lands on the site then clicks off before they click through to another page, they are 'bouncing'. Although every website has a difference bounce rate and all bounce rates are relative to each site, generally speaking, a 40% bounce rate is considered good.

So how can you improve your bounce rate?

One of the best ways to lower your bounce rate is to improve the hero section on your website. Keep reading to learn about 5 website hero sections that are real-world proven to have low bounce rates that you can draw inspiration from for your site!

No matter what type of business you have, the hero sections outlined below will give you some good ideas for nailing your hero section!

Video Background

If you have a highlight reel or another engaging video, a hero section like this with a simple heading animation or even a static heading. Videos heroes are a great way to showcase your product or service as quickly as possible, but be careful to keep the video short and sweet. Videos can have a negative impact on your load times which ultimately can hurt your SEO and conversions.

This hero section even won a CSS Design Award!

Platform Examples

If you’re a saas tool, showing off your platform and sharing your elevator pitch is a great way to get people excited to sign up. Use the hero to quickly explain the problem that your tools solve then add a call to action to sign up and/or schedule a demo depending on your sales process.

Aspirational Images

Showing aspirational content is a great way to help your audience see how your product or service can help them reach their end goals. These kinds of hero sections work great for a wide variety of companies from healthcare companies to supplement brands. The goal here is to show your audience how good their life will be after they buy from you.

Portfolio Image Features

If you’re a service company like a creative agency or home remodeling company, showcasing your work right when people land on your site is a great way to build trust that you can offer a great service for your audience as well. Think about it! If you’re an email marketing agency and someone loves your email designs, they are probably going to book a call!

Simple Graphic Hero

Simple hero sections like this can work well for more “boring” businesses like bookkeeping that don’t have or can’t share any visuals around their product or service. Utilizing graphics like this can help create a more branded feel while taking up dead space that would otherwise make your site look boring or too text heavy.

Remember, the hero section on your website is one of the most important sections on your website because if it’s not engaging or educational enough, people will bounce and you’ll lose them to your competitors!