If you have a physical store or office, it doesn’t matter how big or small, how posh or shabby it is, you always have people available to guide and assist customers.
This is not the case for a website; on a website the home page is like the main entrance. Without people to guide you to where you want to be there are certain website design aspects that take on this role, ideally in the most efficient and time-saving manner.
There are three main reasons a website’s home page design needs the utmost attention to detail:
- Most Popular Page: Most other sites will link to your home page by default and it will appear most often in SERPs, as compared to inner pages.
- Most Socially Shared: The home page link can easily be shared as it is the shortest URL.
- Domain Popularity: Domain popularity is established by the number of links built to a website, its conversion rate, its usability and its various SEO elements. Domain popularity plays a major role in the positioning of your content (ideally highly) in Google SERPs, as discovered in our recent Google SERPs Analysis.
1. Home Page Colors
- The colors on various elements of the home page should highlight certain areas more than others. The goal is to direct the eye toward the section of the website that will lead to conversions.
- The colors in the logo, main menu, title, call-to-action (CTA) and supporting text or images must coordinate with one another to create a pleasing aesthetic on the page.
- Do not use too much color on a page, and stick to three to four main shades for the home page. Make sure one of these colors is black or white. Exceptions to this could include websites that deal with kids, lifestyle and fashion, home decor or entertainment.
What’s wrong with the example?
- Too many colors! When this many colors are used it’s impossible to highlight information – your eye has no place to rest.
- The design is messy and does not look professional. This will put off anyone who lands on this page with the intention of buying something.
What’s good about this example?
- Three colors- yellow, black and white, are used in a fantastic manner that is attractive to a new site visitor and engages them with prominent-yet-tasteful text colors.
2. Home Page Banners:
Rotating flash banners should generally be avoided as they provide a poor user-experience. As a website designer or owner you might find it easy to read and understand multiple banners or a rotating banner but you have seen the content a thousand times. For new visitors flashy banners create poor readability, thus increasing bounce rates.
Depending on the theme of your website you may be able to avoid a home page banner altogether, but if not, stick to a static banner. Also, use a color that contrasts with the rest of the page and is wide enough to hold the prominent message of your site in both text and image. It should also be able to highlight your call-to-action button.