- Harley-Davidson sought a dynamic animation that captured the essence of their brand for this online campaign. The client specifically requested avoiding typical animation tropes—like spinning wheels or bikes moving across the frame.
- Working with approved copy lines and a set of static image assets, I developed standard banners while staying within the 200 KB file size limit.
- I separated the static images into multiple PNG layers to build a diagonal panning parallax effect. The motorcycle stays fixed in place while the background layers move independently, creating the illusion of dynamic camera motion from a single still image.
- Each H-D model included over 30 images, with more than 60 online ad creatives produced in total.
- This project expanded from the large-scale standard OLA campaign for the iRobot Roomba Robot Vacuum (an example shown above). For this phase, we created an eye-catching Homepage Takeover ad with rich media features on the Epicurious site—offering generous max file size + polite load and full creative freedom across the entire page.
- The concept was to make the Roomba appear as though it was cleaning the live Epicurious homepage. I built the animation using a screen capture of the site, but since the homepage content updates frequently, it required regularly updated captures. This ensured the effect stayed authentic—making the Roomba seem as if it were truly interacting with the live page.
- We searched and found a custom hosting service capable of capturing homepage screenshots every 15 minutes and providing high-bandwidth JPG hosting to handle millions of daily visits reliably.
- The animation script automatically pulls the most recent screenshot and generates the sequence in real time, visually “vacuuming” the live homepage content. This workflow keeps the animation perfectly in sync with the current state of the site, maintaining the illusion of a live Roomba cleaning the page.
- Cadillac completely redesigned the CTS model to appeal to a younger generation, featuring eight key features in the campaign. One highlight was the new Bose 5.1 Cabin Surround Sound System with ten speakers.
- The challenge lay in visually conveying the power of this premium sound system within the tight constraints of a standard banner—limited to only 40 KB and NO audio.
- Did you catch the incredible BOSE surround sound?
- Car audio enthusiasts instantly get what the animation conveys—they can almost feel the beat! For everyone else, imagine cranking your car stereo to the max until the rearview mirror starts to rattle.
- The final production included various standard OLA banner sizes, each limited to a maximum file size of just 40 KB.
- Here’s an example of how motion is developed from a static storyboard — a common practice in the industry.
- This is how I added a kick to the animation.
- The animation should not only deliver the message but also elevate it—adding emotion, energy, and focus to make the story more impactful and memorable.
(Visited 742 times, 1 visits today)