The Leftovers (HBO)

The Leftovers – Season Finale / DoubleClick InPage 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 full panel progressive video, a date-coded video panel with artwork, and a resolve panel with a video animation intro as well as a rollover animation. On load the banner would play the progressive video, if the viewer interacts by clicking the volume button then the banner will navigate to the second panel where the trailer would play in a smaller video window. The video is date-coded to show either Sunday or Tonight endcards depending on when it is viewed and the artwork on both the video panel and resolve is date-coded to show the same. Here is the 300×600 build…

Other portfolio

See our other portfolio

Geostorm (Warner Bros)

Rich Media

The Crown (Netflix)

Rich Media

The Lego Batman Movie (Warner Bros)

Rich Media

The OA (Netflix)

Rich Media