Tour De Pharmacy (HBO)

DoubleClick Expandable Banner – Built in HTML / CSS / JavaScript & animated using Greensock.

This was a design and build project for HBO. The first task was to save down the source artwork to 72dpi and to resize into standard endframe sizes (300×250, 300×600, 728×90 and 970×250). Once resized, I storyboarded a 3-part in-page rich media banner with a collapsed panel progressive video, an expanded panel video trailer, and both collapsed and expanded resolve panels. The expanded resolve panel features two video buttons. The collapsed resolve has a rollover animation showing movement within the bike spokes. On load the banner would play the progressive video, if the viewer interacts by clicking the volume button then the banner will expand to the video panel where the trailer would play. Both of the resolve panels are date-coded to show the countdown until the release date. Here is the 300×250/500×250 Expandable Banner…

Other portfolio

See our other portfolio

The OA (Netflix)

Rich Media

Batman V Superman (DC / Warner Bros)

Rich Media

The Crown (Netflix)

Rich Media

Sesame Street (HBO)

Rich Media