The Official Fluid Blog

My initial goal was to research and write a blog on sneakers, the sneaker culture, and what drives a ‘sneakerhead’ to seek the most limited/hard to get/wait-in-line-for-2 days type sneakers. But as I set out on my task to contribute to the Fluid blog, I stumbled onto the site miadidas.com. I say ‘stumbled’ because I have not heard or seen much about this site. I knew about NikeID, YourReebok(formerly known as RBKCustom), and the newly updated Vans Custom site among others, but was surprised and somewhat disappointed about just discovering the custom site for Adidas shoes. I’ve seen the in-store experience at the Adidas store in San Francisco, but was not aware it was migrated to the web – or at least a version of it.

With that said, I decided to focus my attention to the site and give my personal review. (more…)

The other night I let my son configure a pair of Vans slip-ons for his 6th birthday. Watching him and his 3 year old brother navigate the process was informative. Two key things I observed:

• My son moused-over every single option for every single product part (not kdding…he methodically moused over every option). This was only possible because Fluid Configure uses client-side technology (Adobe Flex in this case) to do the image previewing, meaning you don’t need a round trip to the server to generate the image.  Using server-side imaging technology this could take an hour or more.
• My 3 year old son asked, “Can we turn it over?” Specifically, even as an observer to the process he wanted to view the product from multiple perspectives. While Vans doesn’t feature the incredible rotation of Your Reebok, but it does show the product from multiple views with great responsiveness.

Overall it was gratifying to see them  quickly grasp the experience, move through the configuration process and take great pleasure from the emails and SMS’s they were able to send letting their family know about the shoes they had just designed. If only the design of their shoes could have been so positive.

At Fluid we’ve delivered some interesting work in the past: Timberland’s Build Your Own Boot Studio (BYOB) was a breakthrough in product configuration, offering instant color change and the first rotation of a custom product. Reebok built upon this by allowing two axes of rotation as well as allowing shoppers to configure a product on a lifestyle photograph. The recent launch of the new Vans configurator, is one of the most exciting client launches during my time at Fluid.

The Vans work builds on many of our learnings of the past years:

• Designing a custom product is stressful. One of the biggest impediments to custom product sales has been the inability to get immediate validation on a design in real time. In the Vans configurator a shopper can send a link to a friend via instant messenger (or email). When the user clicks the link they’ll be brought into a collaborative shopping session where they can share design ideas and give feedback in real time. We believe this will not only increase sales but bring new shoppers to the Vans site.
• Product configuration is an iterative undertaking. We’re providing users a simple “Scratchpad” where they can save their designs in progress for easy reference without logging in. With the scratchpad users can save a design with a single click and return to a previous design just as quickly.
• All of this functionality is part of the Fluid Retail product suite, utilizing both Fluid Configure and Fluid Social. This means we’ll be able to deploy the technology faster and more cost effectively for future customers looking to create similar collaborative shopping experiences.

We couldn’t be more excited to share this client work with you…keep your eyes peeled for future deployments of Fluid Social collaborative shopping deployed in support of collaborative shopping for traditional, mainline products.

A key aspect of Fluid’s user-centric design approach is to engage in usability research early on in the design process. One key element of our approach is to administer usability tests using interactive low-fidelity prototypes. Throughout the years, Fluid has developed a unique technique of developing richly interactive prototypes by adding HTML, CSS and JavaScript within Adobe Fireworks to create click through prototypes that are easy to use, manage and update.

Recently, Adobe asked Fluid to share our approach of rapid prototyping with the Adobe Fireworks and Adobe Dreamweaver developer’s community and we were both honored and excited to do so.

Our in depth article, “Rapid interactive prototyping with HTML, CSS, and JavaScript using Fireworks and Dreamweaver CS4″, can be found on Adobe’s website here:

http://www.adobe.com/devnet/fireworks/articles/rapid_interactive_prototyping.html

The other day, my mom sent me to the store to purchase a new skincare product made by Oil of Olay. I set out on my errand and procured a small tube of mysterious serum, sleekly packaged in distinctive, sculptural, plastic packaging. When I returned home with the goods, however, we made an amusing and shocking discovery:

We couldn’t get the package open.

Mom tried. I tried. No dice. Pliers were used. Even larger pliers were used. Finally, with a mighty tug, I yanked off the package’s lid—and in the process firmly socked myself in the eye.

(more…)

Last month, a friend asked if I could recommend any companies that specialize in 3D Computer Graphics. Unfortunately, I didn’t have an answer, but on a whim I updated my Facebook status message with the following:

“Mariano is looking for companies that specialize in 3D Computer Graphics.”

Literally, within a few seconds, I received many great suggestions for companies to explore via wall and email messages.  Not too surprisingly, Facebook was a great proxy to crowdsource and gather information. The recommendations felt more credible because they were from my friends and at the same time, using Facebook illustrated the power of accessing an extended network when looking for advice or new information.

(more…)

Many of the multi-channel merchants we work with have invested in beautiful photography that shows a range of products in highly branded settings. Many of these photos are shot primarily for print catalogs and, up to now, retailers haven’t been able to put these assets to affective use on the web.

In some cases, catalogers have uploaded versions of their print catalog to the web. While there are legitimate reasons to do this, Fluid’s customers have generally found results from these efforts disappointing. Conversion rates are low, as you would expect from directly translating a print layout to the web. Even with the fancy page flipping affect many of them add .

In other instances retailers have simply taken the existing photo assets and overlaid merchandising text in Photoshop. While this serves the purpose, this text frequently looks cluttered and may significantly lessen the brand impact of the photo. These photos were taken to create an emotional connection between the shopper and a brand or product. Reading text overlays certainly lessens the visual impact and can also distract from the emotional connection of envisioning yourself in the scene.
Other retailers have used these assets as the basis for a richer shopping experience, creating tooltips that appear on mouse over. This is a great use of interactive technology but up to now has been resource intensive to produce. The manual production required to update a banner has required a designer to create the visual and an engineer to wire up the custom Flash or AJAX technology. By the time the banner is integrated into the site it could be a week or more later.

The Fluid Retail team has recently released an enhancement to Fluid Experience that allows retailers to more efficiently use rich brand photography on their site. Using our authoring tools virtually any member of the production team can pull in existing photography, mask out and associate products and publish the assets to the site without need of any technical skills. The whole process can be completed in a matter of minutes.

I’ve embedded an example of the type of interactivity that is possible with Fluid Experience below. Note that shoppers are able to learn about all the products shown, without leaving the photography that has engaged them. Combined with a quick shop window and mini-cart, this type of interactivity encourages the purchase of multiple products.

It is also worth noting that this merchandising component is embedded using Fluid Social’s content syndication capabilities, that allow anyone to take your site content to iGoogle, blogs, MySpace or Facebook.

As I said earlier, the real magic behind the Fluid technology is the authoring tool that eliminates the need to have Flash developers or IT involved in publishing new assets to the site. If you are looking for better ways to engage shoppers with rich product photography you should contact us to learn more.

Fluid is growing… we’re growing our expertise, we’re growing our client base, and we’re growing our team. We’ve got a number of positions available right now, but the one I’d like to highlight is our Lead Engineer position. At Fluid, the Lead Engineer really gets a chance to stand out, and be not only a technical leader, but a thought leader. We love to hear new ideas and find new ways to blow the minds of our clients.

This is a chance to really build your career working with the cutting edge of technology on projects for top shelf clients. Lead Engineer isn’t just a name we throw around, our leads really are at the forefront of the engineering team. They contribute at every phase of development from concept to launch, leading their team to the successful completion of each project and rave customer reviews.

So if you’ve got a talent for handling responsibility, working with others, and setting technical direction, even if you haven’t been a lead before, we want to hear from you! We’ve got a quick questionnaire to get the interviewing started right off the bat, so hop onto the link below and take the first step into a Dilbert-free life.

One other thing, if you’re not interested yourself but know someone who might be, refer them and get five grand if they get hired. That wasn’t a typo, it’ll be the easiest money you ever made.

Get Started Here: http://jobs.accolo.com/14202

At Fluid we’re thrilled that Reebok recently utilized our products as an important part of their site relaunch. Although we didn’t do the redesign (it was done by Carat/Molecular), the site shows off some of the great capabilities of our products including the ability to add our interactive technology directly into an all Flash site.

Perhaps more exciting than how the products were implemented into the design is the milestone this represents for us at Fluid. Having top tier agencies like Carat and Molecular utilizing our product technology is a symbol of the exciting growth we’ve seen from a well respected boutique agency to industry leaders in customer experience for online retail.

In developing our products we were confident technology providers such as ecommerce platforms and product search providers would be happy to partner with us. But we had serious concerns (and more than a few heated debates) whether other agencies would be comfortable implementing products whose genesis was largely out of a competitor. These concerns forced us to be incredibly disciplined in developing our products. In every instance we have created a product that is open, easy to implement and completely customizable by our customers and their agencies. And most importantly we wanted to build a product in the truest sense, where our customers and partner agencies can be completely self-sufficient, with no need to involve Fluid in the product implementation (unless our help was desired).

With the launch of Reebok.com, built by world leading agencies using Fluid’s products, we are entering a new era for our products. We welcome any agency to use our products to offer their clients a richer experience they can maintain without any Flash expertise. We expect this will help other agencies build the same sort of engaging experiences Fluid creates for its customers faster and more cost effectively. Contact us to learn how your agency can start using our products today.

As I’m sure most of you out there already know, recent changes to Microsoft’s Internet Explorer force a change in the way we embed Flash files in our HTML. At Fluid we’ve been using SWFObject , a useful bit of JavaScript that handles these changes quite nicely. The other day, after publishing several .fla files and having to update the generated HTML each time and eventually growing quite tired of the process, I decided it was time to give SWFObject a more permanent home.

The solution, modify Flash’s default publish profile to include a modified HTML template that uses SWFObject instead of the standard Object and Embed tags. Now, when I publish HTML with my .fla files Flash uses this new SWFObject enabled HTML. I was so happy with the result that I decided to package it up into an extension for others to enjoy.

You can find the extension along with release notes here.