Footer

Video

The Desktop Footer is a premium expandable unit that spans the entire width of the browser window, perfect for branding and video content through connected storytelling. When expanded, the footer takes up exactly 25% of the height of the browser window and can host up to 30s of video content.


Best Practices

Video
Videos with a length of 6 or 15s typically see a higher completion rate, but the unit can hold up to 30s of video content.

Messaging Structure
We suggest messaging that leads the user to click on the pre-expanded standard banner, teasing the user to more messaging in the expanded state.

This can also come across in the CTAs with a “Click/Hover to Expand” CTA on the pre-expanded state and a “Learn More/Shop Now/Etc” CTA on the expanded state.

Copy
We suggest using as little text as possible to allow your branding and imagery to shine. Keep copy as close to the following suggestions:

  • Headline (100 characters)
  • Additional copy (100 characters)

If you would like to include more text than suggested, consider animating to break up the content and allow the user to process smaller pieces of information, always ending with the CTA.

CTA
We recommend a CTA with no more than 20 characters and to keep the CTA visible at all times so the user is encouraged to click through.

Resizing
The easiest size to resize from is a 970×250 PSD.


Design Specs

Retina Dimensions Pre-Expanded2880×180
Retina Dimensions Expanded2880×800
Video Aspect Ratio16:9

Design Assets

Existing Media Files.psd or .ai
Fonts.otf or .ttf
Logos.png, .jpg, .psd or .ai
Images.png, .jpg, .psd or .tiff
Animationstoryboard, existing html5, or written concept
Video Files.mov, .mp4
Video Length6, 15 or 30s

Ad Server Specs

EnvironmentDesktop
File TypeHTML5
Initial File Size250kb
Max File Size2.2mb
Animation30s max
Loops3 max
Frame Rate24 fps