The team at First & Company understand that the whole point of the product details page is to help the shopper understand what they are buying. So they keep it simple: A good collection of crisp, high-resolution photos (it helps that the product is beautiful), and copy that is limited to craftsmanship and key features. No time or words wasted.
Who said you had to get from a landing page to a browsing experience to a product page before you can buy?
The team at Pebble is onto something. While this won’t work for everybody, these guys do a very clean job of putting their introduction, their selling points and even their FAQ onto a single, well organized page that will also take your money (thank you very much)
Site funnels were soooo web2.0. Just get to the point.
(For those of you nerds who are keeping track, I tagged this as landing page AND as a product page as a bonus)
MyHabit, Amazon’s flash-model apparel site does one thing REALLY well.
Rather than just show pictures of the product like every other apparel product page, just when you least expect it — the models start moving! Not only is it unexpected and engaging, it lets you see how the clothes move.
Any product that involves a model should be merchandised this way. Any product that does not, should be done this way.
The new product pages on the Saks Fifth Ave site are extremely engaging. Not only can you view the most zoomed in detail possible in multiple colors, the product does a slow rotation on its own, so you can see all the angles, textures and more.
Any product that doesn’t require a model should be merchandised this way. Any product that does require a model should be done this way.
Form-Function-Form is a great site with some cool, artisan product.
The product page itself isnt anything to write home about. There’s a nice picture, but lots of small text.
What’s really awesome here, is the section at the bottom:
It not only has the boring but needed product specs, but it dives into details like:
- What tools it works with
- Fun functional benefits
- plus, how the designer uses it
Makes the device strangely personable. I know it made me want one. Now if only I had $55 to buy this keychain…
What are the two things that jump out at you on this page?
Besides of course, the generally sweet aesthetic of Labour and Wait?
Price point and and the add-to-bag. Nicely done.
Woot knows that selling t-shirts and cheap gadgets is dime-a-dozen on the web. So how to differentiate?
The product pages consistently have hilarious copy that tie the product, its use case, and its specs together in a way that most retailers never spend the time to do.
Warby Parker does a ton of stuff right – and this fun new detail on the product pages is spot-on.
In addition to having great high-res images of each product, there’s a great little feature where the model follows your mouse pointer, showing you different angles on the product in a way that is a touch more engaging and fun than a typical video.
As a whimsical bonus: the thumbnails do this too!
UnderArmour has always had great story/product photography on their site. Their way of doing product photography does many things well to pull you into the product:
- Chat with someone there
- Zoom in for bigger pictures
- Click on any of the angles
- The “click to expand” button is visually set off from the picture, so of course I want to click…
Boom! Now I can see the guy’s entire outfit. Sure, these are just sweatpants, but this system could be used for any outfit. How often have you been looking at a product picture for a shirt and wondered– “What kind of tie is that?” I do that like four times a day.
So click on the little yellow “+”…
Every detail helps in making the deal. Price point, reviews and all in under fifty pixels.
One of the most frustrating things in my life is when I click into the zoom images on a product page, and then need to click like fifteen times to get out of there. No offense to the brand, of course, sometimes when you zoom in too close, you don’t like what you see.
Lululemon gets it. Their product zoom not only lets you see all the angles, it lets you change colors without navigating your way back to the product.