WEBSITE & WEB DESIGN BLOG

  • Home
    Home This is where you can find all the blog posts throughout the site.
  • Categories
    Categories Displays a list of categories from this blog.
  • Tags
    Tags Displays a list of tags that have been used in the blog.
  • Login
    Login Login form

Every website needs a ‘Hero’

on in Internet Marketing

Hero Image

The 'hero image' is a term used for the large banner image prominently placed on a websites home page.   Often, particularly on newer sites that hero image will fill the entire screen or the hero image will be used as a background, totally eliminating any whitespace.   There has been a recent trend toward larger hero images; there are also those that claim this is just a fad.   There is no right and wrong in that debate; but large or small your choice of hero image is clearly the best way to instantly communicate the purpose of your site.  

What we have seen; and we have seen it time and time again, where a design overhaul, updating the look and feel of a site will increase both traffic and website conversion rates.  Design elements such as; colors, layouts, logos and navigation, all interact but it is that compelling, relevant hero image which instantly communicates the purpose of your site; at the same time it can create a visceral appeal, a favorable emotion which has shown to carry through the entire website conversion experience.   Beware, a bad quality image, or an image that is not relevant can hurt your site much more than a good image helps.   

Hero Image key points: 

  • Much more than any text, first-time visitors to your site rely on that hero image to identify what your business does.
  • Select an 'emotionally striking image' that not only is relevant to your business but one that tells your story.   
  • A good first impression can last through the entire website conversion process. 
  • Size matters, a larger image just by virtue of its’ prominence will draw more attention; however if it draws attention away from the purpose of the site, if it slows load times or if the message of that image is not the message of the site it can be a negative.    
  • Speed optimize; that large high quality image will effect load times, your developer has tools to improve load times. 
  • A first-time visitor will interact with the image more than a return visitor; periodic image updates will keep both groups involved.
  • Stock photos can be a conversion killer!  It takes time to find images that express what a business does without looking trite.
  • Don’t overload images with a lot of text; the right picture is truly 'worth a thousand words.'
  • Minimize the number of choices a visitor makes from the home page. 
  • Beware! That perfect image on a desktop or laptop may result in a dropped connection on a mobile device.  Mobile Design Options
Tagged in: graphics

Comments