Use it on everything

A matched set of display and social ads built from a real product photo: banners, a feed still and a short motion version.

A display ad set is one idea resized for every placement it will run in: wide leaderboards, tall skyscrapers, feed posts and short motion versions, each with its own size limits and rules. The product stays as its real photograph, and the design comes from type, color blocks and frames. Use it on everything puts Fly By Jing's real Sichuan Chili Crisp jar into the bold Billboard Type style across Google banners and an Instagram and Facebook feed ad.

To make your own, share the product page and the placements you need. Wavemaker reads the page for photos and copy, picks or adapts one of its ad styles, lays out each size, then checks every export against the destination's file limits and legibility rules. For motion it animates the real photo and ends on a still that matches the static ad. The download includes every export (HTML5 banners with backup images, the feed still and the MP4) and the editable HTML masters.

A set of red and yellow Fly By Jing Sichuan Chili Crisp ads reading Use it on everything, shown at their real sizes: a 1440×1800 feed ad with a spoon over the jar, three Google banners and three frames of the motion version

How this example was made

  1. Read the product page Photos and copy come only from the page.
  2. Chose an ad style Bold type, color blocks and frames around the real photograph.
  3. Laid out every size Wide, tall and feed placements from one editable master.
  4. Checked every export File limits and legibility for each destination.
  5. Made a motion version The real photo animated, ending on the static ad's still.

Real and generated. Real: the product photos and page copy. Generated: the motion in the video version.

Known limit. In the motion version the jar's tiny side text is redrawn.

Download original

Download source