As you may know, one of my favorite things in the world is a solid, contextual play for content-meets-commerce. I’ll tell this to anyone who will listen. In a retail experience, you can build story through the fixtures, the layout, furniture, artwork, and the clothes worn by store associates. On the web, you can actually build stories.
Oki-Ni does a solid job of getting their point of view out there. As soon as you land, they have product, for sure — however, there are tiles just as big dedicated to designer stories, travel reports, team members opinions and more, all with consistent, well mixed photography. Plus, there’s a lot of it. It keeps scrolling at just the right speed, so just as you might have been about to lose attention, they hit you with something new and pull you right back in.
Visbyh is a fun little site that sells bright and colorful cases/accessories for iphones and your other favorite electronics. They are a company all about color, and the simplicity of their product. They make brilliant use of this simplicity with their landing page that shows off their colorful flavor, with subtle mouseovers that show off just enough of the product for you to want to click in to learn more.
I will not start by saying I think Retrosuperfuture is an amazing name/description of a brand, nor will I acknowledge the mental jiujutsu of stampung “super” on every single one of your products. Brilliant.
That said, these guys have a very clean, very simple approach to their site, and their landing page does a great job of showing you the products and recent partnerships that they’re proud of.
The Greats footwear site is effortlessly executing on so many best practices, I just had to pull the whole thing apart here. I was geeking out the entire time, and very nearly ordered all of their product in my exuberance. From landing to checkout, they’ve nailed details that even savvy ecom professionals might miss or screw up. Greats team, my hat’s (and shoes) off to you.
Landing Page: Lets just count up the things these guys are already crushing
Well-executed product photography
Easy to understand product
Streamline path to the next step
Putting your mouse anywhere on the screen brings up the name of the product, and its price, it begs for a click — which of course, is the point.
Product Page: This, too, has a ton of textbook and innovative wins on it.
Interactive product – the thing you think is just the product image, is a 3D rotating feature
Construction – They show the simplicity and detail of the product, and even manage to show it de-constructed, so you an see all the components of the show.
Not 1, but 5 different images of the product on-model
Crisp call to action
Other product (just in case)
Which of course, takes us to checkout. they keep it clean and simple, without any extra needless steps on the way out.
All in all, a masters class in how to get this done. Any retailer without a massive amount of product needs to copy everything these guys do.
Greats team – I don’t know you, but I wish I did. Kudos.
The Krystal Rae site is a gorgeous site to start with, and does a great job of using interesting visuals right off the bat. However, what caught my eye was that while casually scrolling down the page, a picture that I thought was just a normal model/merchandised shot, was actually the entry point to a really cool experience.
As you scroll, the model changes outfits. And as a result, They actually showed off a ton of their product without needing me to click into the shopping section.
Very cool, and definitely a best practice for anyone with an interesting, model-driven merchandising strategy that wants to play with the ever-trendy parallax feature on the web.