The Official Fluid Blog

As we close out another strong year at Fluid, we’ve learned that three of our clients have made the Internet Retailer “2012 Hot 100 Best of the Web“ – the annual list of e-commerce sites that the magazine’s editors believe to have broken new ground in ways that other e-retailers can learn from.  We’re thrilled to see our clients land a spot on the list this year.  Congratulations to Benefit Cosmetics, Sur la Table and Wag.com and to the Fluid team for creating breakthrough designs.

Benefit Cosmetics

The Internet Retailer editors liked the bold graphics, video tutorials on how to use its cosmetics, along with the social features, including a tool that lets consumers post and answer product questions, and a social club that connects Benefit fans with others around the world.

Sur la Table

Innovative navigation that puts relevant deals right in the front of the shopper caught the attention of the editors when they reviewed Sur la Table. For this site, Fluid focused on interactive merchandising and conversion.

Wag.com

Fluid helped combine the hallmark efficiency of Quidsi, the parent company of Diapers.com and Soap.com, to deliver a whimsical experience that changes the way people shop for pet supplies.  Internet Retailers’ editors noted the site’s novel navigation approach, which lets pet owners browse by animal type — not only cats and dogs — to find needed products in one section, each with its own color scheme that serves as an anchor. Wag.com has the benefit of learning from sister site Diapers.com, which was also developed by Fluid.

Follow this link to see the complete Hot 100 list of companies.

-The Fluid Team

2011 was a big year for digital commerce. At Fluid we saw leading brands fight back to own the innovation that start-ups owned in 2010. We saw digital shopping finally and fully break beyond the boundaries of ecommerce sites. And we saw brand and commerce mix and mingle in matches that were incredibly exciting – products told stories and stories sold products.

At years end, Fluid celebrates ten digital retailers that took bold action in 2011 – some are our clients, some are not. The order is purposeful. We count down to the brand actions we see as boldest. The gauntlet for 2012 has officially been thrown. Fun.

Think there’s a bold action that should to be on this list? Send it on.

Happy Holidays,
Amy

Bold Action #10 NetFlix: Facilitate visual navigation just for kids
In November Netflix revised their Wii app to include a “Just for Kids” section, navigitable by cartoon and kid characters. The under-12s will never be computer-centric – design is changing accordingly. In fact independent of age, design for tablets and touch-screens began to heavily drive web design in 2011, instead of vice versa.

Bold Action #9 AmEx: Bolster small businesses with their own Saturday
AmEx isn’t a digital retailer but in a year of bold moves by payment systems (Paypal’s Facebook app, Square’s rise, etc.) they sparked digital commerce success. Lodged between Black Friday and CyberMonday, Small Business Saturday drove social traction, offline sales and fueled Davids over Goliaths. Another brand focused on small business buying, Etsy, saw 80% YOY CyberMonday sales growth.

(more…)

At Fluid we have been monitoring the popularity and use of the mobile web and mobile applications for a few years, and we have seen the trend toward mobile optimized web sites for general activities and mobile applications for productivity, focused functionality, and brand-specific experiences. Luke Wroblewski recently proclaimed that the mobile web is winning, but mobile applications still have a place and purpose.

(more…)

I had the pleasure of attending the Adobe MAX 2011 conference in Los Angeles this year as a featured speaker, and Fluid was selected to appear in the keynote address for our work crafting customer experiences for multiple devices across channels, from web to kiosks to mobile phones and tablets.

(more…)

While the extraordinary growth of touch tablets and smart phones has been a boon for consumers, it’s restarted something akin to the browser wars of the late 90’s for retailers. Instead of being able to rely on most consumers browsing the web using a mouse, using one of a handful of major browsers and running a fairly new version of Flash, the playing field is now wide open. Touch navigation vs. point-and-click and Flash video vs. HTML5 are just a couple of examples. With the launch of the Amazon Kindle Fire this week, retailers have yet another device and proprietary browser, Amazon Silk, to add to the list.

Our mission for Fluid Experience has always been to make online shopping more engaging while decreasing production effort. With this in mind, we’re pleased to announce enhancements that optimize product and brand imagery presentation, regardless of the device. We accomplish this using a number of methods:

Product Displays - Our interactive product displays (zoom, color changes, views, etc.) now perform browser detection and serve up a Flash-based presentation if available. If not, we assume the user is on a touch-based tablet or smart phone and serve up an HTML presentation specifically optimized for touch navigation. For zoom, instead of forcing click-and-pan or mouse-over zoom gestures on the user, we rely on native pinch-to-zoom gestures that they already know. Plus, we do some special work behind the scenes to ensure the image stays crisp, even at multiple levels of zoom.

Shoppable Imagery – For adding interactivity to brand-based imagery, we’ve built a completely new, HTML-based component from the ground up. And don’t worry — ditching Flash doesn’t mean a loss in richness or interactivity. Our new Shoppable Image component allows for graceful crossfade and scrolling transitions. Hotspots and tooltips can contain and mix images and text. Rich fonts work out-of-the-box courtesy of Typekit. Fonts.com support is available as well.

Shoppable Video – Our Shoppable Video component detects user’s system in a similar way to Product Displays and serves up either a Flash or HTML-based presentation as appropriate.

And this is just the beginning: we see huge potential in how tablets and smart phones can really elevate the shopping experience and intend to continue to further optimize our components going into 2012. What’s more, we’ve expanded browser support so retailers can continue to upload an image once and rest assured that Fluid Experience will keep pace with the proliferation of new devices. Now and in the future.

Now that the new season of Project Runway has started, I have to tear myself away from Hulu long enough to tell you about Fluid’s launch of the new Elie Tehari site. This project reminds me a lot of the reality show’s design challenges: create a hot new look on a limited budget and in a short amount of time to fit a perfectly-proportioned model.

In this case, Fluid Agency redesigned ElieTahari.com to create a beautiful, branded, and richly interactive website by layering the Fluid Experience imaging solution over the Demandware SiteGenesis ecommerce platform. We took the visual merchandising tools of Fluid Experience and raised them to a new level, seamlessly integrating them throughout the entire site in a way that complemented and enhanced the ecommerce best practices of Demandware SiteGenesis. Check out the ETC section to see how we used Fluid Experience to blend editorial content with shoppable looks. Fluid Experience isn’t just an accessory thrown on to give a static site some personality, but rather it is the fabric that holds it all together to tell the story of the products and the brand.

One of the coolest things about this project is that it also includes the first mobile site we’ve done since launching an HTML version of Fluid Experience. That means it doesn’t matter what kind of mobile or tablet device customers are using to view the site, it always looks great.

To make all this possible, the Fluid product team built completely new HTML based runtime components and corresponding business-user admin tools to create and maintain a wide variety of branding banners. They also built a Demandware cartridge for Fluid Experience to make future implementations on the platform a breeze.

From a design perspective, the challenge was to create a look and feel to match the modern sophistication of the Elie Tahari brand. Fluid’s role in helping to define the photographic direction was a key component of the design’s success. Our creative director, Mariana Bukvic, was able to be on site for the photo shoots, brief the photographer, co-art direct and guide the post-production. Often, we have to work with clients’ existing photo assets, and the fact that we were able to advise and collaborate with Elie Tahari from the start made a huge difference.

The combination of Fluid Experience, Demandware, and our strong interaction and visual design resulted in a site that was built efficiently but looks and feels completely custom. It’s like getting a perfectly tailored couture outfit without having to pawn your Bentley.

Contributors: Brian Biggs, Mariana Bukvic, Davi Ellis, and Margo Silver.

Too often when shopping online, I run across amazing lifestyle images featuring a product I would like to buy (or at least learn more about) but the retailer makes it difficult or impossible to find. Typically I’ll click on the image only to be faced with a confusing category page where if I’m lucky, I might find the product I’m after.

The simple fact is that lifestyle imagery is engaging and fun: just look at the stack of Williams-Sonoma or Patagonia catalogs on the average consumer’s coffee table. However, turning that imagery into something web-ready by adding copy takes too much time and specialized resources (designers) and might even detract from the imagery itself. This is disappointing because as in the offline world, vivid imagery is engaging and can both build brand and increase the chance a customer will buy that item.
(more…)

Retailers are bringing it big this holiday. While we, the gift seekers, think of people on our lists, drink hot cocoa and make out under the mistletoe, retailers are busy making gift giving easier.

The four examples you need to see:

1. Etsy’s Gift Guide

The best use of Facebook liking data that I’ve seen yet. Pick a friend and Etsy matches their likes (and interests) to Etsy products. It’s a peep show of the possibilities this public data holds.

2. J.Crew’s Very Merry Gift Guide

This stands out for two reasons: 1. Talk about beautiful, curated collections. It tells a story that makes me forget that it’s cross-sell. 2. Of-the-month offering. Subscription selling finally meets style. Why aren’t more brands doing this? Expect them to be doing so in 2011.

3. Victoria’s Secret Gift Cards (on Facebook)

Sharing gets sexy. Not only can you comment on photos from last night’s holiday party, now you can share a gift card – without ever leaving Facebook. Buying just got easier for last-minute Lucys. (Starbucks has Facebook gift cards too).

4. Coach’s Gift List (on Facebook)

The ripple effect of Polyvore permeates this design (as it continues to do throughout fashion). Drag and drop from Coach’s yummy collection to a wish list within Facebook – and affiliate each item with a friend.

Who’s going to top this in 2011? Fluid has some tricks up our sleeve. Exciting.

Happy Holidays,
Amy

Follow Andrew Sirotnik at twitter.com/asirotnik

Unless you’ve been putting in time at a mountain monastery, you’ve heard about Google Instant: Google’s innovation launched yesterday to deliver real-time search results as you type keywords in the search box.

Much of the buzz has been around efficiency – getting better results faster. For digital retailers, I think the bigger significance is that Google Instant has transformed search into a great shopping jumping off point.

Searching is now browsing.

The experience Google Instant delivers is very similar to guided browsing (i.e. parametric filters) that you see often on ecommerce catalog pages like this one for The North Face. The consumer doesn’t have to know exactly what they want – they can simply select from a list and the site responds to their interests. It’s an iterative experience.

Like everyone else, I want a cashmere camel coat. In the screenshots above, you see that I get relevant shopping results at “camel cashm…” and can then easily browse between sweaters, coats, cardigans and scarves with the results visually updating real-time.

Google Instant will eventually come to Google Shopping.

It’s very significant that “Shopping” is in the primary navigation at top, prominently featured in the left navigation, and a link in the search results (e.g. “Shopping results for camel cashmere cardigan”). You can absolutely count on Google bringing the Instant capability to their Shopping tab, equipping consumers with shopping filters, view/sort controls, and taking the experience one step closer to a full shopping experience completely outside of retailers’ websites.

Portable content + SEO considerations.

What this means for digital retailers is two things at first glance: 1) increasing the quality and portability of your content, and 2) reviewing your SEO strategy in light of Google’s shift. I don’t have “how-to” answers for the above (yet) – there are many great conversations going on right now and what it means, ranging from recommendations that brands refocus on core/root keywords to povs that seo is now irrelevant because “no one will see the same web anymore, making optimizing it virtually impossible.”

What I know for certain is that digital consumers want the experience that Google is making a reality. Savvy brands and retailers will take advantage of it.

Follow Andrew Sirotnik at twitter.com/asirotnik

The title’s a lie. I love Gilt and have no intention of giving it up completely (even though the private sales aren’t private and they seem to selling every brand under the sun). But I did tire of receiving 1-2 emails every day and finally pulled the trigger and unsubscribed.

Treating customer service interactions as new opportunities to engage.

Gilt really gets digital customer experience. Instead of offering the usual insincere apologies, they deliver a beautifully designed ‘unsubscribe’ screen with an unapologetic “How can I help?” attitude that puts the consumer in control and makes them like Gilt more as a result. It’s very easy to choose “reduce the number of emails I receive” rather than severing the relationship completely.

Offering ways to connect on other channels / devices.

Better yet is that Gilt takes this opportunity to showcase other ways to connect that might fit better than email with one’s digital lifestyle, including the innovative desktop app Gilt Clock with a sale countdown timer, preview of upcoming sales and a link to the calendar. It’s not a leap to imagine them successfully promoting their mobile / iPad apps here as well. (Note: I took the screenshot above a month or so ago so they may already do this.)

I conducted a quick survey of other retailers’ ‘unsubscribe’ experiences. Most were purely transactional and forced the consumer to choose between ending their relationship with the brand or resigning themselves to the status quo (nobody wins in this scenario).

This is another example of the pure play retailers reinventing the details that traditional retailers might accept as established best practices. I think consumers appreciate it and suspect Gilt sees a return from the effort.