2849 Petawawa Blvd, Petawawa Ontario

What Your Website's Homepage Should Look Like

Your homepage is most important since this is where the majority of users will arrive when they land on your website. Designing your homepage layout can be overwhelming as most of you want to show as much as possible on the first page. As a web design expert, I can confidently say that less is more. Having tonnes of information could negatively impact the user experience as visitors tend to abandon sites that demonstrate cognitive overload.

Let's break down the overall flow of a well-designed homepage and how to approach each item.

Above The Fold

1. Navigation

I recommend placing it at the very top of the page or on the left-hand side. Those positions are intuitive from a user stand-point. 

2. Hero Image

This image should demonstrate a clear insight as to what your business does and what you can offer the user. If your website has the functionality, a hero video could be a great engagement piece.

3. Primary Call-To-Action (CTA)

A primary CTA directs the user towards your main goal and should be a common theme throughout the site. It's typically demonstrated as a button or link.

Website design for water solutions company

Website for MacKinnon Water Solutions by Design House Pembroke.

Mid-Page

1. Services

There's no point in getting into the rest of the content without providing users with info about what you do. Don't assume that visitors should automatically know just because they landed on your site.

2. About

Keep this section short – regardless of any extensive history. In an automated world, users love knowing that they are talking to actual people instead of a robot.

Website design for long-term care home

Website for Marianhill by Design House Pembroke.

3. Social Proof

Social proof can be shown in many ways; written reviews, video testimonials and high-level partnerships.

4. Blog Posts 

If you want to position yourself as an expert in your field, blogging is the best way to do so. It also provides users with a library of helpful information. 

Web design for law firm

Website for Kelly & Kelly Lawyers by Design House Pembroke.

5. Free Offer

Everyone likes free stuff. Giving away a helpful resource in exchange for an email is a win-win. The visitor receives valuable information and you receive an email for marketing purposes. This does not have to be an immediate addition to your homepage, but could be something you are working towards.

 Web design for business coach

Website for Mike Goodboe Coaching by Design House Pembroke.

6. Final CTA

Re-iterate what was showcased in the primary CTA above the fold. This drives your main goal home.

Web design for water solutions company

Website for MacKinnon Water Solutions by Design House Pembroke.

Footer

1. Contact Information

Provide info on how users can get in touch with you.

2. Social Profiles/Icons

Many are inclined to include this info above the fold. However, users may become distracted, enter to social media world and never look back.

3. Newsletter Sign-up

An email capture should be present on your site. Depending on your overall goal, there are many places to integrate this but the footer is always a safe place for one. You can also include this component as a pop-up when users arrive on your site.

Web design for design and marketing company

Website for Julabrand Design Co. by Julabrand Design Co.

Ready to build the ultimate homepage? Get started!

Photo by STIL on Unsplash

Comments (1 Response)

28 January, 2019

Betty Biesenthal

Great read! Excellent advice.

Leave a comment (all fields required)

Comments will be approved before showing up.