A hero banner, or hero image, is a large banner image placed prominently on a web page. With the rise in responsive design these kind of banners have become even more popular, because a responsive design allows the banner to be full width and therefore even more prominant than in a non-responsive design.
Often these banners can cover the entire screen of the home page of a site. They can also have content embedded within them, from simple text headlines to input forms. We love hero banners at Webfuel, as they can generate a real impact on visitors from the second they arrive on a website.
An impactful landing page is a vital component of any website. Research has shown that the first few seconds on a website are crucial in grabbing the attention of visitors. Most visitors leave websites with the first 20 seconds of a visit. So making sure you present something visually stunning to grab those visitors in that initial glance is key to reducing your bounce rate.
So what makes a good hero banner and an impactful landing page experience? Here's what we think:
If your site's landing page experience is looking a bit dated then why not speak to Webfuel about having a redesign based around a stunning hero banner?
If you have a Webfuel hosted website what could be better than free hosting too? For every client you introduce to Webfuel who goes on to subscribe for a Webfuel website we will reduce your hosting cost by 20%. Introduce 5 clients
Prior to focussing on what the design of your new website will look like it is important to decide what features and content the website will incorporate so that these can be properly planned into the new layout and design.
If you have found this article it's likely that you've been allocated the job of writing a web design brief, either for a brand new website or a redesign of a current website. Get it right and you have a