For this movie, I designed these overlays that took over various sites like CraveOnline, WrestleZone, ComingSoon, and SuperHeroHype. When you roll over the MREC, the site transforms into either Optimus Prime, Bumble Bee, or Shockwave. The video demo of the Optimus Prime example is below along with static designs of the alternate characters.

Accolades Received For This Integration:
• Digiday 2011 Video Awards: Best in Banner Video
• ClickZ 2012 Marketing Awards: Best Use of Display Advertising
• thinkLA 2012 Interactive Awards – Best Use of Display Advertising

These are the static frames from my storyboard which shows what I envisioned during the robotic transformation. I used Optimus Prime as my main example, but the last two frames show the end results with the alternate characters.

Here is the video demo of how the animation looks, where the development was outsourced.

Acknowledgments:

Designer: Angela Truong | Art Director: Leny Evangelista | Creative Director: Manuel Donayre | Animation/Development: PixelShards