Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Assessment: Website Performance Assessment

Start the Assessment
... Inbound Marketing Web Design
Close
website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
Website Performance Assessment
Free Website Course
View Website Performance Assessment
website performance assessment start

Free Assessment:

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

21 Homepage Design Tips Every Marketer Should Memorize

By Bob Ruffolo

Bob Ruffolo also recommends this free website performance assessment.

21 Homepage Design Tips Every Marketer Should Memorize

Your homepage sets the first impression of your website and brand, so you want to get the design right. It should contain all the homepage design elements that users expect without feeling cluttered.

Whether you're planning a website redesign or you're launching your company's website for the first time, the following are 21 tips to keep in mind.

Free Assessment: Website Performance Assessment

1. Make it Immediately Clear What You Offer

Although we tend to focus on graphics over text when it comes to design, both are important when planning  the header on your homepage.  Use cohesive visuals and text to tell your visitors right away who you are and what you offer. Your visitors should also be able to tell what sets you apart from the competition and who you work with.  

Here are 31 value proposition examples that can help show you how it's done right. 

2. Add a Call-to-Action Above the Fold

Technically, you don't have to feature your call-to-action above the fold, but it's a best practice, and in most cases, it's a good idea. While not everyone will be ready to buy the second they land on your site, you should be prepared for those who are. Consider incorporating one into your navigation or hero. 

3. Only Use High-Quality, Original Images

Cheesy stock photos, clip art, and non-HD images aren't going to cut it anymore. Your homepage should have high-quality, original images so your site doesn't look like every other compeititors. 

4. Test Your Design on Mobile Devices

By now you know that your website needs to be optimized for mobile, but that doesn't necessarily mean that it looks great on every device. Since most web traffic comes from mobile devices, you want to make sure your homepage design looks exactly how you want it to on different mobile screens before signing-off on the new layout.

5. Use Contrasting Colors

Contrast allows you to make certain items on the homepage jump off the screen, such as a call-to-action button or a form. This creates hierarchy and lets visitors know what they should be paying attention to. 

6. Add Directional Cues

Another way to to this is with directional cues.  Directional cues such as arrows or images of a person looking/pointing in a particular direction, help the user's eyes naturally flow from one section to another on your homepage. It helps guide people to their next step in your  sales process. 

directional_cues.jpg

7. Ditch the Slider or Carousel

Remember the first time you saw a sliding header and how awesome you thought it was? Fast forward a decade and they don't have quite the same effect anymore. Sliders create a poor user experience, throwing too much information at the user at once and taking the risk of them missing what you really care about. Ditch the carousel and focus your content on the one action you really want someone to take.  

8. Make Use of Whitespace

Have you noticed how modern homepages are significantly less cluttered than they were in the past? That's because web designers have learned to embrace whitespace and the result is more focused attention and more "friendly" design. 

whitespace.png

9. Remove the Sidebar

Like the sliding header, the sidebar has been a staple in web design for years but is rightfully going extinct as we know it. The sidebar clutters your page and distracts from the content at hand. We removed ours years ago and have never looked back. 

10. Add Real Product Photos

Whenever possible, you should include real product photos, instead of mockups. Everyone likes to see what they're buying before they make a purchase, and real product photos can help your Buyer Personas envision themselves using your product. If your product is actually a service, show your people!

11. Feature Video

Video is the most engaging media format, and it's one of the most powerful additions to any homepage design. Even a short animated video that explains your product/service is a great touch, and they're easy to have produced.

12. Create Emotion with Color

Colors have emotional appeal, and the colors you choose for your homepage should not only match your branding, but also the emotions you want associated with your organization. 

color_and_emotion.png

13. Add Social Proof

Testimonials, "as featured in" logos, and trust seals are all great for social proof -- signaling to your visitors that your company is legit and reputable. 

social_proof.jpg

14. Limit the Amount of Copy

Keep your sentences short and your paragraphs limited to two or three sentences maximum. Too much copy makes the page look cluttered and uninviting. You want to tease your content on your homepage to encourage people to click through and explore your other pages. 

15. Consider a Search Function

A search bar is very handy for visitors to quickly find the content they're looking for on your site, especially if you create a lot of it. This isn't a must-have for the homepage, but it's a nice-to-have that can also give you insight into what users are looking for when they arrive on your site.

16. Maintain Balance and Structure

When your design is off-balance, it provides a bad user experience. Our eyes seek balance, and poor structure gives an awkward appearance that decreases your brand's value.

17. Emphasize Typography

In the past, there weren't a lot of unique fonts to choose from that didn't make your brand look unprofessional, but now there are tons of beautiful fonts available to use and like color, typography can help elicit certain emotions . If you don't want to spend the money on a fancy type kit, look into Google Fonts for a lot of great, free options.

18. Include Blog Highlights

You want to get your visitors engaged with your blog content and an effective way of doing so is adding a section with thumbnails from recent posts to promote your blog on the homepage. 

19. Optimize Load Time

Some aspects of design can only be seen on the back-end, such as how your site loads. Making your homepage load faster won't affect the appearance, but it will allow people to enjoy your design quicker -- plus it's great for SEO.

20. Use Smart Content

Although this is a little more advanced, personalized content or "Smart Content" is great for delivering a one-of-a-kind experience to your Buyer Personas. You can use it on your homepage to show visitors

21. Update Often

Your homepage design will get stale after a while, no matter how great it looks. It's always nice to make small tweaks and improvements every few months or so to keep your homepage fresh and relevant.

Is Your Homepage Up to Par?

Find out in this month's Website Throwdown with our very special guest, former HubSpot CMO and venture capitalist, Mike Volpe!  

Submit your website for the chance to be critiqued (messaging, UX, design, strategy, and more) live on the air by Mike, myself, and IMPACT Chief Strategy Officer, Tom DiScipio, then tune in Wednesday, October 12th at 2:00PM EDT to hear what we have to say! 

website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
website performance assessment start

Free Assessment:

Website Performance Assessment

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

Topics:

Web Design
Published on September 28, 2016

Recent Articles

4 Ways To Recession-proof Your Website In 2022
June 9, 2022 • 5 min read
23 of the Best Examples of Business Blog Design
May 30, 2022 • 13 min read
5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)
May 16, 2022 • 8 min read
8 Best Content Management Systems for Digital Marketing in 2022
March 22, 2022 • 9 min read
How Much Does a Website Design or Redesign Cost in 2022?
March 8, 2022 • 9 min read
Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful
February 22, 2022 • 17 min read
Your 2022 Website Strategy Must Include These 6 Things
February 15, 2022 • 9 min read
11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage Design Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2022)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read