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

Score My Website
Close

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.
Score My Website
Bob Ruffolo

By Bob Ruffolo

Sep 28, 2016

Topics:

Web Design
Web Design

21 Homepage Design Tips Every Marketer Should Memorize

Bob Ruffolo

By Bob Ruffolo

Sep 28, 2016

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.

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! 

Free: Assessment

Does your website build trust with buyers and bring in revenue?
Take this free 6 question assessment and learn how your website can start living up to its potential.

Related Articles

Can I Use AI Tools To Build My New Website?

September 18, 2023
Vin Gaeta Vin Gaeta

What Is a 'Learning Center' and Why Does My Website Need One?

September 14, 2023
John Becker John Becker

How Much Does a Website Redesign Cost in 2023?

July 20, 2023
Vin Gaeta Vin Gaeta

Do You Need a New Website? Maybe Not

July 19, 2023
Vin Gaeta Vin Gaeta

14 Award-Winning Website Designs (& What They Did Right)

July 17, 2023
Christine Austin Christine Austin

What a New Self-Selection Tool for Your Website Will Cost

July 13, 2023
John Becker John Becker

9 Self-Selection Tools to Inspire Your Business Website

July 10, 2023
John Becker John Becker

Website Conversions in 2023 — STOP, START, KEEP

January 25, 2023
Vin Gaeta Vin Gaeta

8 of the Best Business Website Designs to Inspire You in 2023

November 17, 2022
Bob Ruffolo Bob Ruffolo

What Does a Great Inbound Marketing Website Look Like in 2023?

November 14, 2022
Bob Ruffolo Bob Ruffolo

Your 2023 Website Strategy Must Include These 6 Things

November 4, 2022
Mary Brown Mary Brown

4 Ways To Recession-proof Your Website In 2023

November 1, 2022
Marcus Sheridan Marcus Sheridan

Website Mastery: A better redesign process for your business website

November 1, 2022
John Becker John Becker

8 Best Content Management Systems for Digital Marketing in 2023

October 1, 2022
Bob Ruffolo Bob Ruffolo

12 Essential Tips for Improving Your Web Design in 2023

September 13, 2022
Christine Austin Christine Austin

23 of the Best Examples of Business Blog Design

May 30, 2022
Christine Austin Christine Austin

5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)

May 16, 2022
John Becker John Becker

Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful

February 22, 2022
Joe Rinaldi Joe Rinaldi

11 Pricing Page Examples for Business Websites (Updated for 2023)

January 18, 2022
Bob Ruffolo Bob Ruffolo

8 Crucial Elements Every Homepage Design Should Have

January 15, 2022
Bob Ruffolo Bob Ruffolo

What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By

December 18, 2021
Bob Ruffolo Bob Ruffolo

Why Homepage Carousels Are Bad (& 3 Alternatives to Try Instead)

August 26, 2021
Joe Rinaldi Joe Rinaldi

Google Shares New Tools to Audit Website User Experience

August 12, 2021
Bob Ruffolo Bob Ruffolo

New HubSpot CMS Hub Starter Tier Released for Growing Businesses

August 6, 2021
Bob Ruffolo Bob Ruffolo

Too many internal links in content can confuse Google about site structure

July 9, 2021
Bob Ruffolo Bob Ruffolo