Web Design

The Hero of Web Design

15th January 2020
2 minute read

No, we’re not talking about the Picasso’s and Van Gogh’s of the web design world. Today we’re talking about the other type of hero. The hero that lives above the fold of a website. The hero that instantly draws you in and piques your interest.

It may be something that you take notice in, or it may be something that you don’t particularly think about. Whatever it is, there are many different types of heroes that can be used to get your brand personality across clearly and efficiently.

For example, take a look at the different between St Mary’s Inn and Bryony Consulting.

With St Mary’s Inn, the hero includes images of the Inn that run through a slideshow. This helps grab the users attention and give them a feel for the business as a whole. The hero also integrated very obvious and structured call to actions so the user can easily book the restaurant, afternoon tea or even a room. Straight away, these call to actions let the potential customers know exactly what they offer.

Bryony Consulting on the other hand has opted for a full width hero with high quality images. This really helps draw the users eyes in and direct them to engage with the website. The clear, large font also helps play on the professional nature of the business and strengthens the idea of knowledge and experience.

But what are the other key steps in creating a hero perfect for your company? Keep on reading to find out more!

High Quality Images

Like with a lot of things in life, it’s all about the quality. It’s all well and good creating a gorgeous, large hero, however if the image is pixelated and blurry, it defeats the purpose.

Technology improves with every single passing day, and you can sure that even on a mobile phone, low quality images will stand out like a sore thumb. And not in the good way.

Demonstrate, Demonstrate, Demonstrate!

This may seem like another obvious point, but your hero needs to demonstrate exactly what your website is about.

Are you selling climbing shoes? A photograph of people climbing a rock face would be ideal. But maybe stay away from photographs of people climbing mountains. But it’s not all about the images. Captions also have a huge impact. For example, did you know that captions under images are on average read 300% more than the actual body text? Make sure it’s short, concise and accurate!

Test, Test and Then Test Again

Like with anything, it doesn’t harm anyone to put your hero to the test.

You may think you’ve come up with an amazing idea to boost conversion rates and sales, but maybe your customers don’t think the same. You may think you understand your own customer base, but let me tell you, there’s no stranger demographic of people than the customer.
There you have it! With a little time and effort, you should have a gorgeous, perfect hero that truly encapsulates your brand ethos and personality.

Need help coming up with some new, fresh, branding? Here at Sleeky we specialise in creating beautiful websites that also rank highly with Google. Get in touch to see how we can help!

Tagged With

Contact Us

Let’s get the ball rolling.

Get A Quote

We are passionate about innovation, ideas and experience. Tell us about yourself and your project and we can start the ball rolling.