Menu
BATMAN

Case Study: The Batman Challenge by OnStar

OnStar and DC Comics created a "state-of-the-art animated interactive comic for the Web" which let readers "shape their experience by using Personal Calling and OnStar Virtual Advisor at critical moments in the story."

An interactive multipart webisode series, The Batman Challenge by OnStar brought together many of my favorite things; comic books, animation, illustration, and problem solving. It won some awards.

This project not only gave me the opportunity to work with across multiple disciplines, but was a dream come true working on a Batman project. When the stakeholders realized my passion and knowledge, I was given a very broad space to play in, including meeting directly with the DC Comics artists and writers to ensure we could deliver the best product.

From helping to write the scripts...
...to creating storyboards...
..and creating a shot list.

Batman Color Guide

Interface Elements

OnStar had certain elements they wanted on screen at all times. Worked closely with them to identify and integrate these into the UI. Inital designs and layouts were created in illustrator.

Then a working prototype with interactive elements for approval. We used assets and voices from the existing Batman Animated series cartoon.

The final interface featured stronger OnStar branding and separated elements based on function.

Assets and Animation

I directed the art team at DC Comics on how to create the necessary assets for the animation, with emphasis on re-usability and streamlining them. Initial color guides were provided and the final coloring was done in Flash.

...limbs were removed for animation...
..coloring all the assets...
..and finally animation.

Results

Onstar consumer brand consciousness jumped from about 30% in the fourth quarter of 1997 to more than 80% by the end of 2000.

Awards

The first four commercials won a Silver Award for "Creative Arts - Visual Effects" in the 2000 International Automotive Advertising Awards. The campaign was further awarded the Detroit Creative Directors Council Golden Caddy for Best in Show. The "Batman" campaign also received the Golden Medal and Best of Category awards in the New York Festival's Advertising/Marketing Effectiveness Awards in 2001. Source

View Webisode 1

Sadly with Flash no longer supported you will have to just watch the experience as a video. Enjoy!

Interface Elements

OnStar had certain elements they wanted on screen at all times. Worked closely with them to identify and integrate these into the UI

Worked closely with the artist at DC Comics to ensure assets were delivered in pieces to use for animation. Which resulted in a lot of severed limbs and floating mouths. These assets were then cut apart and layered to create the final frames.

Color Guides

DC provided black and white art. All final coloring was done in Flash to reduce file size as much as possible.