The Internet Marketing Driver: Glenn Gabe's goal is to help marketers build powerful and measurable web marketing strategies.

Tuesday, November 27, 2007

E-Commerce Imaging Functionality with Lands End - Getting a Killer Look at Products While Shopping Online


Lands End eCommerce Imaging FunctionalityWe’ve all been there. You’re shopping online and find something you're 95% sure that you want, but you need to get a better look at the product before you click “add to cart”. So you select “Click here for larger photo” but sometimes that yields inadequate images that don’t really build more confidence. Over the past few years, e-commerce imaging technology has greatly advanced (especially on larger retail websites). During my latest Gobble Thursday holiday shopping session, I visited Lands End and checked out some clothes for the upcoming winter season. Let me tell you, their product imaging functionality is some of the best I have seen on the web. Actually, it’s good enough that I decided to write a blog post about it today! Now, what makes it so good? Let’s jump right in:

Browse-By Listings (Category Listings and Image Functionality):
I started my visit to Lands End by clicking Men, Shirts & Sweaters and then Sweaters to get to the browse by listings you see below.

Lands End Category Listings

As I was looking at the listing of sweaters, I rolled over one I liked and the product view changed on rollover to a model wearing the sweater. I found this to be a great way to give potential buyers a second view of the product right from the sweater listings (and not necessarily on the product detail page). The view showed the sweater on a model so you can see it in context (and not just on a white background). Reference photos below. Then, right below the product image, I noticed several swatches. Clicking a swatch changed the product image dynamically, without post-back. Post-back is developer-speak for when your browser completely refreshes the webpage, which takes unnecessary time. I really like this functionality in the browse by listings…it was intuitive, provided value, and enabled me to see a wide array of sweaters in different colors and on a person. I love it. :) OK, let’s click through to the product detail page to get a closer look.

Screenshot of category listing with rollover functionality and swatches:
Lands End Category Listing Change View and Color


Product Detail Page: Pan, Zoom, and View:
Once on the product detail page, Lands End gives you several options for getting up close and personal with the product you are viewing. First, you have a nice product image (full view). Let’s get a closer look.

The Zoom:
Below the image, Lands End provides their pan and zoom functionality, which is one of the best I have seen on the web. You can either click the image to zoom in or click the “zoom in” button below the image. Either one lets you zoom into the product to view more detail. I was able to zoom in at a granular level (actually further in than I really needed to, but some people would want to see the fabric as closely as possible). It was easy to use and the response time was excellent.

Zooming in to get a closer look:
Lands End Zoom Functionality on the Product Detail Page


Now The Pan:
Then, if you click and drag the image once you zoom in, you can scroll around to view a closeup of the product. The image blurs as you drag the product, but refocuses once you choose the desired section of the product. You should try it out to get a good feel for how this works, because it’s some of the best pan and zoom functionality on the web (seriously.) There is a thumbnail in the bottom right corner which shows you a red bounding box that represents which part of the product you are viewing. But Lands End didn’t stop there…you can even drag the red bounding box around, which moves the product image. Great functionality…

Change Your Product View:
Below the pan and zoom controls, there are a few additional thumbnails. For my example, you can see the full sweater, the sweater on a model, and then a fabric swatch. When you click each image, the larger product image above changes to what you selected. Then you can use the pan and zoom functionality on the new image. Outstanding! If you choose the swatch thumbnail, then you can take a closer look at the fabric, which I can guarantee decreases product returns… More on this later.

Switching images to get a different view:
Lands End Category Listings


Colors and Fabrics:
On the right side of the page, you’ll find a list of swatches so you can easily change the color of the product you are looking at. Again, this is completed without post-back, which is fast and seamless. In addition, the thumbnails below the pan and zoom functionality also reflect the change in color (the full product view, the product on a model and the fabric swatch). Nice touch.

Selecting different colors dynamically changes the images:
Lands End Change Color and Fabric With Swatch Selections


What's The Effect on Your Buying Experience?
Providing e-commerce imaging functionality like this truly enhances the user experience on LandsEnd.com. Lands End exceeds customer expectations with the investment they made in their imaging functionality. As a marketer, when you start to analyze bounce rate, exit rate, and abandonment rates, you start to appreciate functionality like this. When it comes down to it, if you leave doubt in a customer’s mind, you might leave revenue on the table. But it’s much worse than that… The customer you just lost will go somewhere else to buy, may never come back to your website, and then will generate incremental revenue for your competitor. Great, right? Lands End is obviously dedicated to giving visitors every possible option while viewing their products so they can make an informed decision. By the way, they provide some additional functionality that I haven’t listed here…and I plan to review that soon. Consider that a blog teaser! :)

Decrease Product Returns:
In addition, Lands End is making its web operation more profitable by providing functionality like this. I bet their product returns from web purchases are lower than other retailers. How could it not be?? You are getting an incredible view of a product you are interested in…it’s almost like you are in a store for crying out loud! OK, maybe not that good yet…yet.

Lower Your Cart Abandonment Rate and Checkout Abandonment Rate:
I’ll also bet that their cart and checkout abandonment rates are lower than other retailers. Abandonment can happen due to several reasons, one of which is a lack of confidence in the product you just added to your cart. You know, questions like “will it really look like that?”, “what does the fabric actually look like?”, “what does it look like on?”, so on and so forth. Lands End minimizes these doubts, which probably lowers their abandonment rates. As a web analytics nut, I’d love to see their stats! {wait…taking one more Analyticza} ;-)

Ease of Use = Happy Customers:
This one is simple…Lands End makes it so easy and effortless to browse and buy that customers truly enjoy shopping on the website. I can tell you, that’s the way I feel. Being a web marketing consultant, I almost wanted to stay on the website to keep playing around with their imaging functionality… That’s if I didn’t have a gift list to knock out! ;-) Again, I’ll be writing a second review soon…

In Closing...
Well, I think you can tell how much I like the imaging functionality on LandsEnd.com! It was easy to use, robust, and more importantly, it builds customer confidence. I have a new tagline for Lands End:

"No Doubt and Lots of Confidence...Shop LandsEnd.com"

I have a feeling I'll be back to LandsEnd.com this holiday season....and I'm confident I won't be the only one! :-)

GG

Related Posts:
The Continuing Evolution of Online Shopping : My Virtual Model and Beyond
Effective Email Marketing With BuyCostumes.com
e-Commerce Shipping - Online Customers Demand a New Standard
2006 Holiday Season Online Shopping Review

Labels: , , , , , , ,

If you enjoyed this post and you need assistance
with your online marketing projects,
then contact Glenn Gabe today>

4 Comments:

  • At 4:38 AM, Blogger Jake said…

    The new Lands End site is a big improvement. The image functionality is quite powerful although I prefer an immediate high resolution zoom as soon as you hover over the image. Like this one:

    http://luckyteam.co.uk/products/LuckyZoom/

     
  • At 6:24 AM, Blogger Glenn Gabe said…

    Hi Jake.

    It's funny you brought this up...I also saw the hover functionality on gap.com and thought it was both innovative and powerful. The only concern I have (and it's not a big concern) is with older shoppers or less tech-savvy shoppers. I have a feeling it might confuse them a little. That said, it is fairly easy to maneuver. Thanks for the link.

     
  • At 8:43 AM, Anonymous image consultant said…

    Thank you. I've been trying to help a friend with her jewellery website and this is exactly what she needs.
    PS Thanks Jake - the Lucky solution might be good as well!

     
  • At 8:51 AM, Blogger Glenn Gabe said…

    Hi Lucinda. I'm glad this post could help. Using this type of imaging functionality for jewelry is a perfect application... And yes, the hover and pan solution Jake mentioned sounds like it could work very well for you and your client.

    I would also consider using video for featured items. Some of my clients have seen a strong lift in sales based on using video.

     

Post a Comment

Links to this post:

Create a Link

<< Home