Hero Image

What is it?

The hero image corresponds to the main banner image on a webpage. Being the most important visual element on a given page, the hero image is usually large and sits in the most obvious location on the page (above the fold, or spanning across the whole background etc.).

Why is it important?

Particularly on a homepage, the hero image constitutes the main visual anchor for your visitors. As such, it should be an inspiring representation of your site’s aspirations. For example, you would not use an image depicting a business meeting to promote a travel website. The ultimate goal of the hero image is to make your visitors want to connect with your brand on an emotional level.

What are the considerations?

Apart from the obvious need for relevance and inspiration, you should also consider the format of the hero image in light of the content that might sit above it. For example, if you choose an image with a lot of minute detail, will it detract users from reading the message it’s trying to promote? How will your image look on smaller device screens (will you make it responsive or will it be hidden altogether?)?

What can you do with it?

The hero image is a great place to start personalising. Because it reaches out to visitors on a subconscious level, the more you can make the hero image relatable, the more likely users will be receptive to it. An example of this would be to display an image that adapts to a user’s previous search; on a travel website, if you know that a given user has recently searched for a city break destination, you might want to show them an image depicting Rome or Barcelona. If they looked for a destination in the Caribbean, you might want to use a white-sand beach for your hero image.

How Webtrends Optimize can help

Webtrends Optimize can help you achieve personalised hero images using various techniques, such as recording user onsite behaviours (categories viewed, basket contents, basket abandonment etc.) in order to retarget them later, or even geotargeting users in order to make their site experience more relevant.

More from the glossary

Hello Bars

Hello Bars Use hello bars to convert visitors into customers & make return visitors feel welcome What are hello bars?

Read More »

Get in touch

If you have more questions or want to know a little more about website optimisation and personalisation, send us a message or call us on 0333 444 5502.

Thank you!

Thanks for submitting your enquiry with us.
A member of the team will be in touch shortly to follow up with you.

Thank you!

Please check your inbox and validate your email address so that we can create your free trial account.

Training Videos

While we're setting up your account, feel free to check out our training videos. You'll find them at: https://help.webtrends-optimize.com/optimize/training-videos/


Or, take a look through our blog to review industry insights, wins and all things Experimentation. https://www.webtrends-optimize.com/blog/