Is Your Homepage Overcrowded?

Is Your Homepage Overcrowded?

Finding balance with design is difficult. Each page on the web typically has at least one conversion goal. It is the job of the design team (client included) to determine what the goal of each page is, and to make sure that goal is achieved. A difficult thing most designers and clients struggle with, though, is the homepage.

Most folks can come up with many different conversion goals for a homepage. When a new visitor lands on the homepage there are a variety of different actions they can take. A visitor could go straight to the contact page or look for the search bar to start digging for information. If you are having this issue with a homepage design you’re not alone. Here are some tips to understand when your homepage is overcrowded and what you can do about it.

Is Your Homepage Overcrowded?

Overcrowded Homepage

Homepages need some improvement. There are too many out there that are overcrowded and difficult to understand. They are leaving new visitors confused and looking for another answer to their problem.

I’m a believer that each page on a site should have a goal. For an effective homepage, that goal is really the goal of the entire site. Let’s dig deeper into that idea.

Establishing the Goal

The Issue: The homepage doesn’t have a consistent goal or message. There is no effective brand. As a result, the homepage is left trying to accomplish too much. The result is the homepage accomplishes nothing.

The Fix: Sit down with your client and ask them the reason they are having a website developed. You can still ask this question for a redesign. Figure out what the client is trying to accomplish. Maybe they are looking for more sales. Maybe they are looking for more leads.

Once you understand what the goal of the website is you can better understand what the homepage is about. Instead of putting a short description, an excerpt of services, excerpts from the blog, and multiple other elements, you can put a clear headline that lets new visitors know what this website and business does for them.

Here is an example: SEOmoz

SEOmoz

First things first. Within the first moment of opening the SEOmoz homepage I have a pretty good understanding of the service they provide. The company offers SEO and Social Monitoring.

Now, it’s also obvious the company has the goal of converting new visitors into subscribers. The way they promote this first step is by offering a free trial. New customers get the first 30 days for free. Again, this fact is obvious within a few moments of arriving on the site.

The next question I have as a visitor is:

Why should I subscribe?

I realize I have an issue with SEO and social monitoring (otherwise I’d leave the site), but I’m curious to learn more about why SEOmoz offers the best solution. The rest of the homepage works to answer this important question. There are logos from popular companies that use the software. This is important for decision makers. It’s good to see that others have had success. This lowers the risk as opposed to working with a completely new company or product.

The goal of this site is clear in the design. As a visitor, I can work my way through the decision process effectively. I’m not confused. Everything gets off to a great start on the homepage.

Few Calls to Action

The Issue: With too many options, the visitor can’t decide.

The Fix: There isn’t really a hard-set optimum number of calls to action, but keep it to a small number. There is a danger in having too many calls to action on the homepage. It’s dangerous to have too many calls to action on any page. The homepage, though, is make-or-break for many websites. If the homepage is confusing, new visitors will leave before they waste their time trying to figure things out.

Sometimes when I visit newspaper sites I get really confused. There are too many options on the homepage that I don’t really know where to begin. It drives me crazy.

The same thing happens on ecommerce sites. Most people simply ignore the links and images that take over the page and go straight for the search bar. People seem to generally have an idea of what they should search for and they’ll type that query into the search bar while completely ignoring everything else on the page.

Ecommerce sites are like a merchandise catalog that gets sent in the mail. Typically, the best catalog covers offer one or maybe a few suggestions for products. From there, the viewer knows to begin their search by turning the page. Good homepage designs take into account the goal of the page. From there they have one main call to action along with a couple secondary calls to action. The idea is to get each visitor started on the desired journey through the site.

Here is an example: 37signals

37signals

I love the headline 37signals starts out with on their page. It gets to the point of what they do as a company. The headline gives a good introduction to the value the company promises. From there, the visitor will be able to choose the product that might fit their specific needs best. They click on the corresponding button and dig deeper into the features and benefits.

There are a few smaller calls to action on the page as there are on most pages. The top navigation gives me options to read about the company. If I scroll down there is some selling information to help back up my decision process. There are also more links for legal items and a general ‘contact us’ page.

The trick with homepages is to try to figure out the state of mind each visitor your site is in. You want to focus on the biggest target visitor. Cater the main call to action for them and base that call to action on the goal of the site. Leave all other possible visitors and their calls to action for smaller areas of the page.

Online Salesperson

The Issue: Most websites sell something. Your site doesn’t accomplish this simple goal.

The Fix: If you’re working with a project manager or the owner of the business, make sure you discuss their selling techniques.

The goal of most websites is to sell something. It could be a product or a service. It could be sold to consumers or other businesses. If something needs to be sold on the site then the entire website will act as the online salesperson. The website is the salesperson available when the owner of the real salespeople are not. It’s an important job.

Make it part of your pre-design discussion to consider selling techniques. Ask the client how they go through the sale with a customer in person. If the project manager is not a salesperson then ask to have a salesperson involved during the process. Make sure to capture all the details.

Let’s look at a common example: Apple

Apple

Most salespeople start by showing their product to the customer. You can even think about the door to door salesman for example. As soon as the door is open they are ready to show their product. They have all the information ready to go to move the potential customer through the decision process, but it starts with the product or the service.

Apple does this well with their page. They are selling iPads and that is the only focus on the page. Well, it’s not the only focus. There are a few small links in the top navigation for those that are not interested in the iPad, but are looking for other areas of the site.

A good salesperson will not overwhelm the potential customer with too many options up front. They will use their knowledge to sell the product being offered. The iPad is what Apple wants to promote. They show it and get rid of the rest of the clutter.

Final Takeaways

We’ve reviewed three key concepts for homepage design:

  1. Establish The Goal
  2. Few Calls to Action
  3. Online Salesperson

Each of these concepts should provide a starting point for better homepage design. It will take collaboration with your client. You’ll need to get their input on what is really the goal and the priority of the site. Some tough decisions will need to be made.

In order for a homepage to remain uncluttered and free of overcrowding, you’ll need to focus only on what’s most important. Focus on the goals of the business and then consider the actions each new visitor will need to take as they work to make a decision.

  • Websites are about conversions. The conversion can be anything, but the goal of each page is to work toward the conversion.
  • Most homepages are overcrowded these days. It results in lost conversions and lost sales.
  • Make your client happy and deliver a better home page design by using the insight above.

Final Showcase

These are 10 more homepage examples I feel have great design.

Copyblogger
Copyblogger

Fossil
Fossil

Rolex
Rolex

DSW
DSW

Threadless
Threadless

WordPress
WordPress

Bidsketch
Bidsketch

Freshbooks
Freshbooks

Taylormade
Taylormade

Mint
Mint

Conclusion

Hopefully you can see from this article the great importance of keeping your homepage clutter-free and bringing the most important and required elements to prominence according to the requirements of the majority of viewers.

Have you come across any excellent examples of effective homepage design? Or even any dreadful examples? Please share your opinions and links with us in the comments section below.

Dayne Shuda is the founder of Ghost Blog Writers. He writes and manage blogs for businesses. He loves writing about music, business, and food, but has enjoyed writing about everything from design to motorcycles, and even women's fashion. Writing is fun and that's what he does at Ghost Blog Writers.

Comments

  1. / Reply

    Thank you for the Tip. But most of them are business related one. how about for Blog. who Doesn’t need homepage or marketing Their product. ! we need to show articles popular in and widgets for ads and social media buttons for alternative subscribe. !

    Thank you,
    Sri Ganesh.M

    1. / Reply

      Hi Sri,

      Most of the sites I work on are blogs and I believe the same principle applies. Everything you mentioned seems important, but it’s still necessary to remove the clutter.

      For a blog homepage consider what is most important and remove the rest. For one of my blogs the most important piece of information was getting new visitors to discover the posts so I gave them a list of the most popular posts. New articles are good as well.

      Dayne

    2. / Reply

      Hi Sri,

      I have a blog myself and I’m working on optimization basically every second I can spare. Why? because it takes a lot of testing, its a creatice process and theres always something new – at least there should be on a blog ;-)

      So, what you can do on a blog to start is add a navigation of topics you cover (see for example mashable.com) so that people see what you write about.

      Secondly you can add a “featured” box and maybe promote your latest article, ebook or whatever (including a Call-To-Action, for example newsletter subscription).

      An last, you could add a “popular articles” box to give people something to start. What other people are interested in on your page, maybe they are too.

      Hope this helps!
      Robert

  2. / Reply

    Very useful article. It can be hard at times to decipher the correct balance of design, call to action, goals, etc.. I think the examples you provided portrayed a good balance. I think it’s important to be as direct as possible and not give too many options as this can be overwhelming to a end user some times. Overall great post!

  3. / Reply

    Great examples are considered, I will recommend KISSmetrics also for best homepage design. Of these all CopyBlogger Media redesign is really awesome. How about general and small blogs ?

    • Saya,
    • June 6, 2012
    / Reply

    One problem I have is that client doesn’t have a clear understanding of their sales channel, and insisting on clutter their home page. Some times education them helps and some time won’t help much.
    Nice post thanks

  4. / Reply

    Recently we’re finding that there is an enormous demand for highly usable website designs and after extensively researching usability there is a very apparent link between usability and minimalism. The problem with this is that the designer has to find a way of getting the business message across along with all the relevant information that the readers want while maintaining a simple design. In most cases this really isn’t an easy task especially when many people don’t really know what they’re looking for in their new website.

    • John Hopkins,
    • June 8, 2012
    / Reply

    Good points!! But I think your ideas will work primarily when you have a similar audience. When you have a site that needs to cater to different audiences like a newspaper (news, sports, world, etc) or an academic institution ( prospective students, current students and alums) all looking for different bits of information how can you resolve the crowding issue while addressing the needs of the audience on the homepage.

  5. / Reply

    hi thank for the post and i m agree with you the most of the time the home page bacome overcrowded.

    • cohen moles,
    • March 15, 2013
    / Reply

    It’s more good to have a simple yet appealing homepage.
    cohen

  6. / Reply

    This looks like a great tool. I’m going to try it out.
    Currently.

  7. / Reply

    Everything you mentioned seems important, but it’s still necessary to remove the clutter.

Leave a Reply

Your email address will not be published. Required fields are marked *

Deals

Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.