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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.