Mobile Skin

Display

The Mobile Skin is a premium mobile-only experience with three distinct canvas elements to deliver an engaging brand narrative throughout the user’s time on the page. The scrolling creative allows the brand multiple touch points for delivering their message to the end user.


Best Practices

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
CTA Messaging suggestions by canvas:

  • Teaser Canvas
    • We suggest a CTA message that leads the user to click on the teaser state or leads the user to scroll for more brand content.
    • Examples: “Learn more” “Tap to See More”
    • We recommend placing only a headline and CTA on initial Teaser canvas.
  • Full Screen Canvas
    • We suggest a CTA message that leads the user to click out to site.
    • Examples: “Shop Now” “Learn More” “Find a Location”
  • Bumper Canvas
    • We suggest a CTA message that leads the user to click out to site.
    • Examples: “Shop Now” “Learn More” “Find a Location”

Resizing
The easiest size to resize from is a 300×600 standard banner PSD.


Design Specs

Retina Dimensions Teaser700×700
Retina Dimensions Full Screen750×1333
Retina Dimensions Bumper700×200

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

Ad Server Specs

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