20 Product Displays in eCommerce Website Layouts


There are many things that you have to worry about when it comes to building a strong eCommerce site. The list can include everything from web hosting, web design, traffic, sourcing products to conversion. One aspect of web design that site owners tend to lose sight of is the product displays. How you set up your product displays will have a big impact on your user experience and conversion. Here are 20 examples that you can use to model after.

  1. Mean Beanies

Mean Beanies does a good job with their product displays. Each individual product is bordered to help separate the space. The name of the product and color are right underneath each product so that users can quickly understand what they’re looking at.

  1. Threadless

Threadless has an interesting way of displaying their tee shirts. The user can choose between displays of models wearing the shirts and one where the design only is listed.

  1. Stella & Dot

Stella & Dot’s product listing features the product clearly on its own. But once you mouse over each display, you’re shown a model wearing the product which helps give the user an idea of the look it creates.

  1. FatFace

FatFace does the same thing as Stella & Dot but differentiates once you click into the product. Once users click into a product display, they can view various angles of the product and choose between multiple colors.

  1. Godiva

Godiva makes it easier for users to make a purchase. A link to a quick shop option is in every display, allowing the users to quickly view multiple images and add the product to their shopping cart without going to another page.

  1. Timefy
READ  Nigeria's Travel Bay Launches to Democratize Pocket Friendly Holidays

What makes Timefy’s product display work is how organized it is. At first glance, it’s pretty straightforward but if you look left, there are many options to help you find the right watch.

  1. Nike

Nike makes it clear what color schemes are available for their shoes. Once you mouse over each shoe in the product display, the display expands and you can view the shoe in the different color schemes.

  1. Guess

Guess uses a preview option that opens a pop over and allows you to view different colors of the clothing. They take it even further and displays different images according to the color you’ve chosen.

9. Ace Jewelers

Ace Jewelers puts an interesting feature into their product displays – the ability to compare products. Once you choose a few items to compare, you can go to the comparison page and see the differences in the products.

  1. Lucky Brand

Like other eCommerce sites, Lucky Brand has a quick shop option. What makes their quick shop option so interesting is that it allows users to pick the sizes, inseam and color for maximum customization.

  1. Free People

Free People uses clean product displays against a white background to help each listing stand out. A unique feature they offer is to allow users to add products to a wish list so that users can check on them later.Tinkering Monkey

Tinkering Monkey is different from other eCommerce sites in that the entire order is customized. What makes their product displays stand out is how well they’ve managed to highlight each product using beautiful photography.

  1. Pop Chart Lab
READ  Sophos leads in Endpoint Security Protection-Report

Pop Chart Lab makes their product displays fun by using a card design to showcase larger products. They also go with a minimalist approach and let their products speak for themselves.

  1. Bassett Furniture

This is another example of using beautiful photography to highlight each product in large images. There’s nothing complex about how the products are displayed.

Chop Shop

This is a straightforward product display layout that dims the lighting on the product highlighted. What really stood out was that they added recommendations for other products based on which product you were looking at.

  1. Amazon.com

You can’t complete an eCommerce list without Amazon.com. What Amazon does really well is to offer a large amount of information that is palatable due to how it is organized. They also excel in building in upsell opportunities with product recommendations.

  1. The Russian Store

There’s nothing groundbreaking about the Russian Store’s eCommerce site. It’s as straightforward as you can get. This example reminds you that sometimes less is more.

  1. Under Armour

Under Armour does the same thing as Nike in that users can quick view different colors and designs without clicking into each product. They also do an extensive job of showing different angles of each piece of clothing based on the color you’ve chosen.

  1. IWC

If you have many products on your site, you can do what IWC does. The product listings are fairly small but once you mouse over a product, it becomes two times bigger and provides you all the details you need to make a decision.

Ray Ban

READ  Ericsson Recognized as a World Leader for Corporate Action on Climate Change

Ray Ban gets a lot right by helping their customers find the ideal frame. Once you get into a product listing, you can zoom in and out while viewing all 360 degrees of the product.

Hopefully, these examples have inspired you to come up with a product display concept that aligns with your eCommerce site. If you’re planning on going with complex ideas, talk to your web hosting provider to see if the scripts you want to use can be installed on their servers. Technical issues can often come up when you’re dealing with complex eCommerce features.