In web design, the above the fold content has long been described as the hero area. This is the part of the website that will load first, and will be seen by potential customers immediately. As a result, it has the responsibility of capturing attention and interest, while also delivering on a key message for your website users. This hero content has long made use of a full width image, some text including a headline and details, and a CTA, as well as the navigation bar. But the emphasis is now on stripping this back even further, to create a headline hero area. So what exactly is this? And what do you need to know about using a headline hero design? And how can your company use this effectively? Well, here at Pumpkin Web Design Manchester, we are Manchester’s leading web design experts. We work with a variety of industries and companies across Manchester, and the surrounding area, including Wigan and Southport, to provide top quality web design solutions. As a result, we have produced this guide to everything you should know about headline hero design.
What is a headline hero design?
Headline hero design is all about the visual. So instead of littering your above the fold hero area with a distinct call to action button, a header, a navigation bar and text, the space is instead solely used for a full width image, and the headline text. In some cases this can even be a simple background colour with oversized headline text over the top. But is this a good web design trend that will help secure results? Well, there are some things to bear in mind.
Considerations for using a headline hero design effectively
To make sure your headline hear area attracts interest and attention, but also delivers an accurate representation or message from your company, there are some things to consider. These include:
- Using the right words- if the above the fold area is only going to include the headline, you will need to make sure that this is effective. Sometimes companies and brands can literally use this content to make a statement: one single statement about their products, services or company in general. While others will use this space to reach out to the website user and try and make that instant connection.
- Choosing the right typography- with all the emphasis being placed on the words above the fold, you need to make sure you choose the perfect typography or font type to attract attention and interest your potential customers. This is especially true for hero areas that use just a single colour background. The typography in this instance needs to be good enough to create a bold visual statement on top of the plain colour background.
- Picking the perfect image- if you will use an image as the hero area background, you will need to choose an image that will connect with your audience instantly, while also being subtle enough to allow the overlaid typography to stand out. The last thing you want to create is a battle between the image and the text, with both elements fighting each other for attention.
For more information or advice, or for any professional web design support, get in touch with Manchester’s leading web design experts today, here at Pumpkin Web Design Manchester.