Article overview

E-commerce Home Page Focus

· By ·

Apple and Walmart have two very different approaches to an e-commerce home page.

When people are visiting your site, do you know what they are looking for? Is it obvious to your visitors what you want to promote? Or is your home page cluttered with all sorts of different products, trying to cater to everybody, but in reality, end up catering to nobody?

When you have a big site, lots of people in the company (sometimes even entire departments) end up fighting for screen real estate on the home page. Everyone wants a spot. This inevitably leads to clutter and unfocused home page.

Whether or not a cluttered home page is actually a bad thing is difficult to say. It depends on the type of business you’re in, and your brand. Because this is individual to each business it’s something you should split-test intensively. That being said, you can generally divide these types of businesses into two categories with two different paths to go down:

  1. Companies that produce products themselves – product companies such as Apple – can get away with promoting a single or only a few of their (own) products on their home page.
  2. Companies that sell the products of other companies – retailers such as Walmart – can get away with displaying lots of products on their home page (as long as they are different types of products).

Let’s take a look at Apple’s and Walmart’s home pages respectively.

Apple’s home page

It’s pretty obvious that Apple wants their visitors to learn more about the MacBook Air. One big image of the product they want to promote, accompanied by 4 small boxes below, 3 of which directly relate to the main product they’re promoting. This is a heavily curated home page.

Apple's home page

This screenshot was taken shortly after Apple released their updated version of the MacBook Air.

Putting this much focus on a single product make sense because Apple know that the vast majority of their visitors will be coming to their home page because they’ve heard about the launch of a new product and wants to learn more about it.

As a product company you’re most likely proud of your products and wish to promote them all whenever possible. However, understanding when your customers want to be promoted to is key to a successful home page, as we’ve talked about earlier with Jack Johnsons home page.

You may have 5 other products you’re really proud of (in this case iPhone, iPad and iPod), and some of these products may even have a higher profit margin, but never underestimate how much easier it is to sell a product your customers are actively seeking out.

Walmart’s home page

When you’re a retailer with thousands upon thousands of products, your visitors will be looking for so many different items upon arrival to your website, that you have no other option than to get them deeper into your site, by selecting a category or a specific product.

Walmart's home page

Walmart does a decent job of highlighting search and navigation while still using the product thumbnails to grab the attention of visitors who don’t really know what they are looking for.

You can’t curate the same way a product company can. Your job is to figure out which of your categories are the most popular (or most profitable), and promote those. 10 product thumbnails is a viable solution as long as it’s unique types of products, each catering to a large portion of your customer base.

Because you can’t precisely predict what a new customer will be looking for, it’s crucial to highlight search and navigation. The products you display on your home page are for grabbing the attention of visitors who don’t really know what they are looking for, while search and navigation is for the customer who are actively seeking out something specific. The visual importance of the search feature should increase as your product catalog grows.

While you can’t predict what new customers are looking for, you can somewhat accurately predict what returning visitors are looking for. It’s particularly important for retailers to track what product(s) each visitor is looking at and then highlight related products when the visitor returns to the home page four days later. Amazon does a good job of this.

Walmart has a far from perfect website as a whole, but their home page isn’t the problem.

Wrapping things up

While we as designers and experienced web-users highly appreciate the aesthetic quality and clear-cut focus of Apple’s home page, we can’t ignore that when it comes to retailers, a more cluttered approach can sell better.

Amazon's home page

Amazon’s home page is a hybrid of the two examples presented above.

Interestingly, Amazon has evolved from being just a retailer to also being a product company, and there’s now a more or less permanent Kindle-ad on their home page, while still keeping the usual retailer approach of a grid of thumbnails, just a bit further down the home page.

A good home page design builds on the nature of the business and brand it represents. There’s no on-fits-all solution. The above examples are generalities, so while they work for most, they will not work for all. You should always do split-tests to see which work better for your business.

Do you know of home pages that work well? Or just home pages you like?

Close overlay