Examples of well-crafted product pages to inspire your store - Part 1
When designing a store, most people tend to focus on the homepage, which is the first thing visitors see when they arrive at the store. However, the goal of every store is to sell, and that goal cannot be achieved without an excellent product page. Above all, an effective product page immediately conveys the value of a superior product. It shows the buyer the product, conveys the feeling, and creates a sense of ownership that makes them want to own the product.
In this post, I’m going to show you some of my favorites over two parts, with store pages that provide great examples of the many different features and options you can choose from when creating your product pages. Why not take a look and apply them to your next product page design?
1. Luxy Hair
▲ Luxe Hair
As a store selling human hair extensions, you can expect most of the customers to be women. The site welcomes visitors with a feminine touch, complete with a heart emoji in the browser tab bar. In order to guide users to the product that best suits them among the various product lines, they first select their hair thickness, then select the color, and then are taken to the specific product page that matches their desired option.
▲ Luxe Hair Categorization
▲ Luxe Hair Product Page
In addition to accurate product images, we support videos for more detailed explanations. We also provide information on shipping costs and returns along with videos on how to use the product on the product page. This is because when the shipping cost is too high at the time of shopping cart checkout, most shoppers will empty their shopping carts.
Additionally, Luxy's customer support team is available 24/7 via chat to help customers resolve any issues or questions they may have regarding their purchase, ensuring that all of their questions are answered and that their purchase is confirmed.
2. PooPourri
▲ Potpourri product page
This is a case where a bathroom air freshener was well-received for its playful copy on the product page. It is a very effective way to make the product effective and memorable.
"Very lightly spray 3-5 times over the toilet water. Continue *snap fingers*." (For those of you who haven't heard of this product, it's a deodorizing spray you can use under the toilet to trap odors before using it.)
This product page effectively sells by offering visitors the option to save money by purchasing with a subscription, with the option to purchase every 1, 2, or 3 months. It also clearly demonstrates how easy the product is to use with a “how it works” video.
3. Rocky Mountain Soap Company
▲ Rocky Mountain Soap Company product page
This natural soap company seems to understand that people looking at their product pages want to be assured that they are purchasing a high-quality, healthy product. They say that this product is 100% organic, and they have a list of ingredients in the product description. The product menu allows you to see the full list of ingredients in the product. Of particular note on this product page are the testimonials. One review headline for this particular pumpkin soap reads, “MMMM MM MOISTURE.” This review can make a big impression on anyone considering purchasing this product.
▲ Rocky Mountain Soap Company Review
Rocky Mountain Soap Company seems to understand the power of customer reviews. Nearly a quarter of respondents to a Bizrate Insights survey said they always check customer reviews when shopping online, and 40% said they check customer reviews often. And as evidenced by the five-star reviews right below the product, customers who have purchased the product are sure to have a solid product review. It’s a surefire way to reduce the anxiety of online shoppers who can’t see the product in person.
4. United By Blue
▲ United by Blue product page
This store was introduced once in the SNS marketing section, but one of the most eco-friendly online stores, United By Blue, operates a mission to reduce the world's ocean waste. With the slogan, "One pound of United By Blue orders is used for ocean waste," you can see repeatedly that the visitor's purchase helps achieve the goal. Who doesn't like cleaning up the earth?
Especially for fashion products, providing detailed size charts is essential to help customers choose the right product at the time of purchase, and can also help reduce returns.
5. Sixty-Nine
▲ Sixty Nine Categorizing
You can see why this store is so appealing just by looking at its product pages. Unlike many other e-commerce product pages, the animated characters on the homepage bring the store’s personality and products to life in a very new way.
When you click on a specific product, the animation changes to a regular photo and you are taken to a clean product page with a white background. There is a link to the size chart so you can choose the size you want, and you can also go to the Canadian store if you want to purchase in CAD (Canadian Dollars).
▲ Sixty Nine product page
This website is an eCommerce Design Award-winning store, and its clean design pages eliminate distractions from the shopping experience and provide a clear path to purchase.
6. Leesa
▲ Lisa product page
Lisa is a folding mattress company that offers a perfect delivery experience. The branding is light and clean with a white, teal, and gray color palette. With so many similar mattress companies popping up, Lisa focuses on highlighting on their product pages why you should choose their products over others.
▲ Lisa product page
We also take this opportunity to share our policy of donating one mattress for every ten mattresses sold, giving potential customers a sense of accomplishment and encouraging them to choose Lisa.
▲ Lisa product review
Mattresses are expensive purchases, so the more visitors scroll through the website, the more information you need to show them. You can see how the inner workings of a mattress are made differently, and you can see how many other people are satisfied with the product through product reviews. You can also find answers to common questions through FAQs so that visitors can get their questions answered without leaving the product page.7. Manitobah Mukluks
▲ Manitoba Muklux product page
Similar to mattresses, Manitoba Muklux is also more difficult to induce purchase decisions for high-priced products than for less expensive ones. If we want to buy something cheaper than $20, we are quite likely to buy it easily. However, as the price increases, we feel a kind of 'guilty' price resistance when making a purchase decision, which is not a positive emotion for visitors to purchase.
This product page alleviates the most common buying anxiety by putting “Free Shipping” and “Free Returns” in big, bold letters right next to the “Add to Cart” button. This lets people know that their purchase is refundable at any time and that the price they see is the final price they will pay.
We also designed the page to be trustworthy by providing enough information about the company without having to leave the product page for those who are hesitant to buy, like Leesa.
▲ Manitoba Muklux product page
And people who see this page can see that this company is indigenous owned, and the story of the artist who designed the sole. Personally, I think there should be another "Cart" button at the end of this page, so that people don't have to scroll all the way up if they're convinced after reading the description.