Tag Archives: Photography

Content use on Oki-Ni

oki ni Landing 1

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.

oki ni Landing 2

Deep Dive: Greats Sneaker Site Walkthrough

Greats Landing 1

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

  • Full-frame imagery
  • Well-executed product photography
  • Easy to understand product
  • Streamline path to the next step

Greats Landing 2

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.

Greats Product 1

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)
3D Shoes
3D Scrolling on the shoes
The peices
Construction / De-construction

 

Which of course, takes us to checkout. they keep it clean and simple, without any extra needless steps on the way out.

Greats Checkout 1

 

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.

 

Gorgeous photos let you skip a step: Hard Graft

The guys at Hard Graft know a thing or two about beautiful product. Perhaps more importantly, they seem to know a ton about beautiful product photography. As a result, instead of relying on a nice landing page to get you to look at their product, boom, they just drop you on the browsing page and leave you to figure it out.

As a result, I must have browsed through 10 different items before I knew what I was doing. I wish the product pages were easier to use, but thats a story for a different day.

Keep it moving: Scrolling story shots on Billykirk

The brothers’ team at Billykirk make some really clean leather and canvas product. However, when I got to the site, I’d never heard of them. I had the page open on my screen and had forgotten about it – and as the images cycled themselves, I found myself drawn in.