Flash

Interactive Infographic for the International Monetary Fund

Flash-based with an external data file
 

Click image to view the working file

Click image to view the working file

The IMF’s Managing Director, Christine Lagarde, wanted an interactive graphic to show the progress of key HR initiatives for broadcast to the IMF’s rank and file via their intranet. As each initiative progresses, as defined by their sub-initiatives, the tree fills out with its color-coded leaves.

Being animated and interactive was a key request, however there are major drawbacks to using Flash in a case like this. Highest on the list is the ease and cost of constantly updating the file to always show up-to-date information. I have seen first hand the difficulties of updating a Flash file repeatedly. It can produce work load stress on a department as well as potentially corrupt or break a previously working iteration.

My solution to these pain-points for this graphic was to utilize an external data file. Such a file can be easily edited using any text or word processing program, no Flash experience needed. That means quick, easy, and instant changes done, to any of the key variables to update the graphic’s appearance, at the client's fingertips.

The working graphic shown here is a remote instance, not the IMF’s live graphic, which resides on their intranet.

CuervoNation Website for Jose Cuervo

Most product websites are about brand immersion. CuervoNation.com was brand as lifestyle immersion. Built back when all Flash sites were the rage, CN.com packed a seeming ton of content into a very slick interface. Fun, hip, and highly targeted to our college-aged demographic CN.com was a very good early way for a brand to create a community.

Demo the site

View a walk-through demo of CuervoNation on YouTube now. Click the image above.

Brand as experience

CuervoNation was about being young and hip and having fun. Flash was the king of the moment and we experimented with new and innovative ways to engage our site visitors. One of my favorite methods was the CuervoNation Generator. It allowed the user to play online with Cuervo branded assets: backgrounds, images of people from Cuervo's brand assets library, music, and texture enriching "extras" that deepened the brand experience.

Click to view a demo run-through on YouTube

The result

  1. Very long site visits and brand immersion
  2. Lead generation - use your email to send your generated experience to a friend
  3. Viral - friends that came to view a generated experience often made their own, too

Brand as community

It's a bit hokey, but Jose Cuervo really did rent an island in the Caribbean and called it CuervoNation, so we built a myth around it. We created a story that a group of friends decided to make a pact and declare their independence from the mundane. Where would they do this? In a bar, of course! It was my idea to create the original bar napkin version was included as an easter egg on the site.

Click to view the whole image

Commit Lozenges rich media unit for Glaxo Smith Klein

Click to view the interstitial in its entirety.

What were the goals?

Concept and create a branded rich media experience that leverages existing assets from the television campaign.

This unit appeared on ABC.com's Full Episode Viewer as a paid advertisement before and during video content. It was originally presented as multiple parts: intro before content, commercial break 1, commercial break 2 and a pause screen. You can see the whole experience above.

Here are a few screen shots. Click to view larger:

State and Local Government web banners for Microsoft

One of a series of 10+ banners. Built on a templated look/feel/animation

One of a series of 10+ banners. Built on a templated look/feel/animation

No, not the most spectacular banners ever made, but a they were challenging in their own way.

Some projects are more about the process

What happens when Agency and Client have radically different ideas about how a project should be done? As an agency, we wanted to be as creative as we could, which meant every single banner would undergo full creative development. With the scope of more than 10 banners to do, that takes a lot of time, money, and resources to accomplish. The client's view was along the lines of "These are just web banners. What is taking so long? And why so expensive? Should we take this project elsewhere?"

Manage/set the expectations. Make a plan.
Template, template, template!

Thinking back to my time at MRM, cranking out Flash banners like there was no tomorrow, I could see the necessary solution. It would take a cards-on-the-table approach, but if we can get all the of the key players, Creative/Account/Client, to agree on a scope of what was expected and also agree to a "template solution" we could keep this project in-house, crank them out, and keep the client happy.

Also thanks to my time at MRM, these banners were animated via heavy coding. The initial setup took some time, but the end result was incredibly fast turnarounds for each new banner. Change image & text, adjust a few code numbers to change the timing and a new banner is born. There was little-to-no mucking around moving keyframes on a long time line.

Economy is an impressive teacher, and what I learned most from this project is across the board communication. Difficult tasks are achievable if expectations are managed accordingly.

Jose Cuervo Overview Reel

Click to view presentation reel

What you're seeing

DraftDigital was asked by Jose Cuervo to summarize our past year of creative work with some sort of rousing compilation reel. The reel was shown at their annual sales meeting. Being the lead Art Director on the account, the project fell to me to work on.

What you're REALLY seeing

Looking back, this is a very fitting project for me because it summarizes a lot of the work I had done for Jose Cuervo. This reel isn't just a Flash piece, it highlights everything I had done for Cuervo to that date: websites (both traditional and Flash), micro-sites, email, banners, new product launches and more.

Source: https://youtu.be/bxyIBZ8w634