Super simple: Pebble skips all the bs

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)

Walk it out: MyHabit’s models come to life

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.

Give it a whirl: Saks product shots show you the angles

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.

 

Get into the detail: Form-Function-Form lays it out

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…

Are you following me? Warby Parker’s models keep their eyes on the prize

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!

Tied together: Engaging and cross-selling product shots at UnderArmour

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.

Engaging zoom images: Get in close before you decide at Lululemon

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.