$45 for a cap? How do they convince you that it’s worth the price? The feature image is the centerpiece here – it’s the most important element on your product landing page. You want a good clean image, large enough to grab attention, and a high enough resolution so that it stands up to zooming in closer to get a better idea of the product’s quality. Every detail, even the stitching is important in a well-made cap, and the feature image here allows you to take that closer look.

Source

They also have other persuasive elements, such as supportive images, color options, size guide, their 5 star ratings, and of course a big bold red button to add it to your cart. How can you not?

How to differentiate your product from a sea of tea sellers? The product landing pages for Two Leaves and a Bud teas are simple, with tons of white space and a minimal verbiage. The description, ingredients, reviews and how to brew directions are separated into tabs, keeping the design simple and clean. Using graphic images to explain their steeping directions make tea making as simple as 1-2-3, making it as seemingly simple to click on the buy button.

Source

Product descriptions are everything in an online shop, since the visitor can’t touch and smell the thing. With the Details and How to Use sections, Paul Mitchell shows you that they know what their customers are looking for, and give them the information that’s important to them. 

Source

Take a look at their description of the fragrance – the words they use evoke the lavender mint shampoo in a way that can help you imagine and experience it, even online. Plus, they highlight the small print with graphic icons, pointing out that it’s a color-safe, vegan, paraben free and gluten free product – information that’s essential for those who are looking for it.

There is a ton of detail that goes into making a custom baseball bat: handle, barrel, colors, tones, finish, logo color, bat grip, bat length, bat weight, knob, wood type, and that’s just the beginning of it. So how do you create a landing page that doesn’t look like word vomit all over the page? 

Source

Marucci does this by leading the customer down a series of interactive selections, one single selection at a time. They keep the page design simple – all white background, and gray and black font, so that the only thing that shines on the page is the interactive custom baseball bat image that changes as you choose your options.

The hero image of the Fitbit product is a stunning close up shot that arrests your attention on the page. But what’s even more effective is that the image is interactive. You can click on the watch and get a 360 degree view of it from every angle, in high definition.

Source

Fitbit takes so much care with their images that clicking on a color option for the band also changes the background color to make the watch look its best.

With names like “Get Your Greens” and “Deep Green” and “Daily Celery Detox” the folks at Project Juice show their colorful personality. They also kick the one-CTA-per-page dictum to the curb. This one pager allows you to customize your 6 pack: you can choose any 6 juices (or more) and you’ll see the subtotal add up as you add to the cart. It works because they keep their product descriptions to a minimum, just a simple listing of the ingredients.

Source

This is a higher end product with a higher end clientele. So what makes it distinguish itself from any other light pendant? That it’s a designer product, and FLOS highlights that factor by adding the name and photo of the designer front and center, in bold lettering. 

Source

They have a more detailed description of the design and the designer below, as well as her inspiration for the design. The stark image of the light lends itself well to the modern, architectural nature of FLOS’s designs. 

Ethel’s Baking Co. does many things right, but we want to highlight the exquisite branding throughout their site. From the chocolate colored secondary color, set against a creamy vanilla background color, and the sprinkling of Robin’s egg blue highlights, everything on the site is set to do one thing: to tempt the viewer. Even the branded fonts they chose look good enough to eat!

Source

But it doesn’t stop there. They make sure to include their star ratings as well as customer reviews on each of their product pages, iconography to call out important product info like GF (gluten free), or Non-GMO, and the customization options they display are not overwhelming, but provide choice for the customer.

To create a visual experience on an online product page that a viewer can get shopping in a brick and mortar store, it’s important to take into account every angle of the product. In the case of Solillas, they’ve used the gallery of images to their advantage, showing their shoes and sandals in photographs from various different angles, making sure to use white light and high resolution so that the shoes stand up to close-up inspection.

Source

Other interesting design elements include lots of white space across the page, size options and guide, and product names that are uniquely in line with the brand.

The pictures on the Daily Harvest website look like how we might imagine they’d taste, and that’s a feat in itself. But what we love more is how short and sweet the names and descriptions are. The title and URL is as simple as it gets. And their “Tastes like” descriptions, instead of going into lengthy explanations, are very succinct. 

Source

Somehow they manage to include a lot of information in the above-fold, for example in their list of ingredients, without overwhelming the visitor. 

There’s a lot you could explain about how to build a campfire, and Solo Stove does a good job of including a lot of descriptive information about their products, however, what’s more effective is their use of eye catching graphics to make their point. A picture is worth a thousand words, so the saying goes.

Source

By not only printing the dimensions but setting the stove against an outline of a human body gives an instant visual of the size and scale of the product. It’s small, compared to most stoves. The icons on the left showing the weight, material and fuel does the same job of conveying information in an instant visual way.

The design on SquareUp’s credit card reader page does a good job of using plenty of white space and a clean layout, but what they do better is their landing page copy. In a series of sections, they make use of subtitles and short descriptions to convey all the key points a card reader customer would look for. 

Source

With subtitles like Serious Security, Run Your Business Anywhere, A Card Reader for iPhone or Android, they take wordy topics and break them down into simple, easy to understand selling points.

The first thing that grabs your attention on the Wistia product page is their bright yellow background and hot pink highlights. But what keeps your attention is their video animation that’s utterly watchable, making you wonder, how did they do that? 

Source

Considering Wistia’s product is video marketing software, for customers wanting to incorporate video into their marketing, the animation on the Wistia product page doesn’t come across as cheesy, but intriguing. 

Another example of animation done well, Bellroy’s Slim Your Wallet shows a side by side comparison of what it might look like stuffing 10 credit cards into a regular wallet versus theirs. By using a slider where the viewer can select the number of cards in their own wallet, they make it an interactive experience.

Source

They do also include a video comparison further down on their page, which is just as compelling.

Yes, gorgeous photographs do half the selling in an ecommerce store, but not if the page loading speed is weighed down by the size of those pictures – the viewers won’t stay long enough to become customers. 

Source

Meeaudio’s product page for wireless earphones loads several options, however by keeping their photos at the same aspect ratio, the images look consistent. And because the image resolutions are lower, they load quickly.