The Official Fluid Blog

Josh Himwich, Director of Ecommerce Solutions at Fluid client Diapers.com, will be speaking on getting the most out of the agency/client relationship at the Internet Retailer Web Design & Usability Conference next week in Orlando, Florida. The Diapers.com team is an incredibly sophisticated group that knows their business inside and out. Certainly their results speak for themselves. We couldn’t agree more when Josh says “good design firm management begins with having specific business goals and expectations in place even during preliminary meetings.” If you are at the show we highly encourage you to attend the session, which is on Monday at 10 am.

More info on Josh’s session here.

And a related article here.

Diapers.com has had quite a year. Recently, Inc. named it the fastest-growing retailer in the U.S., online or off, and Ad Age just added the niche retailer to its “America’s Hottest Brands” list. As a long time agency partner, Fluid knows that Diapers.com walks-the-talk and, from top to bottom, believes passionately in delivering unmatched customer service and a great online shopping experience (check out the new registry tool). Their success is no surprise.

Fluid is excited to announce the launch or new site for Calvin Klein Fragrances, http://www.calvinkleinfragrances.com/. Fluid has been working with the Calvin Klein Fragrances team for several months to develop a new site that integrates the entire Calvin Klein fragrance line into a single, unified site experience while allowing each brand to express its own individuality. Individual fragrances include ck one, eternity, obsession, euphoria, escape and the latest addition to the line, ck free.

Fluid is pleased to announce the launch of a new site design for Diapers.com. The new site, designed by the Fluid team, also leverages the Fluid Experience merchandising suite to create a compelling brand and shopping experience. The redesign enables Diapers.com to scale into thousands of new products while continuing to provide a convenient, helpful and fun place to shop for moms and dads of young children.
You can read more about the site in this article on Internet Retailer.

Fluid client Diapers.com (a fresh new redesign will be launching soon) has been running a great little television ad capitalizing on election fever. Needless to say, it takes potty humor to the max. No word yet on whether an investment in traditional TV media like this is returning a positive ROI, but it is starting to get some mentions in the blogosphere and some momentum on You Tube. Take a look:

http://www.youtube.com/watch?v=Q3ofap_vT_Q

Turns out RBKCustom.com has a loyal customer in comedian Seth Rogen. He’s got several pairs of custom Reebok’s and is a big fan of the text personalization feature. As hilariously described in a recent appearance on Conan O’ Brien he has a particular knack for getting creative with the offensive language filter. When Fluid built the site we spent a lot of time on realtime, true-to-life visualization of the sneaker personalization to ensure end-users see exactly what they are getting as they design their shoes. We also spent a lot of time brainstorming the dirty words list. Kudos to Mr. Rogen for sneaking a few by!

You can see the Conan bit here:

http://www.nbc.com/Late_Night_with_Conan_O%27Brien/video/episodes.shtml

Choose the August 7th episode and then jump to 24:50.
You can also read about it in a few places:

Extract:
http://nymag.com/daily/entertainment/2008/07/seth_rogen_unlikely_spokesman.html

Full quote appears in context on page 2 here:
http://www.elle.com/featurefullstory/14098/seth-rogen-movies-gossip-articles-pineapple-express.html

The Get Elastic blog had an interesting post last week on American Eagle’s (http://www.ae.com) incorporation of product merchandising elements within the drop down layer of its product catalog navigation (http://www.getelastic.com/merchandising-in-navigation). As the Elastic Path folks point out, it’s an effective technique for surfacing more product content without a click or a separate page view. It also obscures a lot of content and can impair overall site usability.

The technique inspired a lot of discussion at Fluid. Our typically crotchety CTO had this to say:

“I find it mildly interesting, but more of a distraction than a benefit. When I use navigation, I typically know where I want to go or quickly want to scan the options. It’s like going into a Macy’s and seeing a big ad for something random on the floor index when I’m looking for shoes. Really? Do you really need to distract me there as well? Maybe I’ll forget about buying the shoes altogether…”

While our Director of Information Design countered with his own take on balancing the needs of the retailer with those of the audience:

“I think that American Eagle’s implementation could be improved, and I agree that the size of the banner distracts, but I also think there is great value in merchandising like this. It’s definitely possible to do something less obtrusive and more integrated – a more natural extension of the navigation rather than an additional banner tacked on. There is a definite business potential here for popular online retailers who can get manufacturers to pay for placement like this, with the benefit of getting their product and brand recommendations in front of more eyes. Taking it one step further the retailers, in turn, could use this incremental revenue to keep shipping costs low or free.”

And finally, from a member of the design team:

“I agree that this is really interesting from a merchandising point of view but the UI is super busy and visually just taxing. It would be interesting to know if people are actually clicking through on any of these and how it’s effecting their overall site conversion rate.”

Personally, I agree – the UI is busy and ultimately distracting. But I am also not the target consumer. That would be teenage boys and girls, for whom I suspect visual clutter and informational density is a plus. Not to mention the “Hey, I wasn’t expecting that! Cool!” factor.

Apple has rolled out a wonderfully innovative and deceptively simple approach to search on apple.com. As you begin to enter your search term a dropdown window appears below the search box with recommended matching results. As you continue typing, the results list dynamically updates with a refined list of results that most closely matches what you are typing.

There are never more than eight results, and each is accompanied by a clear title, brief descriptive text and either a product image or recognizable icon (a green plus sign in a white circle for support topics, for example). It’s instantly scannable and completely non-intrusive. Most importantly, the performance of the search is impressive. Over a DSL connection it updates in nearly realtime, just a split second behind what you are typing. There is a rarely a lag, and good thing because the experience would fall part if there was.

If you hit enter at any time, you get dropped into a typical search results page, but that was hardly necessary. For 90% of the search terms I tried I was able to find what I needed without ever leaving the homepage. Combine that efficiency with a compelling, quality visual presentation and you have incredibly satisfying customer site interaction experience.

Quite possibly one of the best site search innovations since parametric filtering.

At the recent Shop.org conference we got a look at an interesting new outfit builder put together by, Oli a retail fashion site in the UK:

http://www.oli.co.uk/

They have really done a nice job with interaction design here. The Look Book bar is anchored to the bottom of your browser window and stays with you as you navigate the site. Every item in the catalog has an “add to look book” link, making the process for adding items fairly smooth, although a visual confirmation an item has been added to your Look Book would be a plus.

Upon opening the Look Book you enter a full screen environment that is intuitive and easy to use. Just drag-and-drop items from the Look Book strip into a work area and you are ready to go. Of particular note is the ability to scale individual product images so you can actually build a visual representation of an outfit with the correct proportions. The ability to add an entire outfit or collection to your cart at one time is another nice feature. Importantly, price and product detail information moves with the product and is available at any time.
The one thing that doesn’t work is adding individual items to your cart. The “buy” link is hidden behind an “i’ information button – not obvious enough. It would also be better if you could browse and add items to the Look Book while in workspace mode as opposed to having to go back to more traditional catalog browsing.

Overall, nice job.

– KD