Создание баннеров HTML5 ДИНАМИЧЕСКИЙ шаблон

Техническое задание на создание баннеров HTML5

Необходимо создать один ДИНАМИЧЕСКИЙ шаблон, подходящий под все виды услуг.

Контент динамических объявлений (изображения, текст и т. д.) определяется фидом данных. 

Поэтому при создании объявления вы добавляете теги элементов для изображений и текстов, которые будут подставляться динамически, и связываете с каждым элементом объект данных. Если информация в фиде данных изменится, это затронет и связанные с ним элементы.

Технические требования отличаются в зависимости от способа производства HTML5 баннеров:

https://support.google.com/google-ads/answer/1722096?hl=ru

Готовый баннер нужно проверить в валидаторе по ссылке: https://h5validator.appspot.com/adwords/asset

Подача:

Проблемы, которые мы хотим решить html5-баннерами:

-аудитория не считывает, что мы предлагаем сертификат на услугу, а не самолет/лодку/etc;

-баннерная слепота. Анимированные html5 баннеры должны увеличить вовлеченность по сравнению с используемыми сейчас адаптивными и графическими;
-на баннере должна транслировать идея: подарочные сертификаты на впечатления

- нестандартные размеры изображений в фиде товаров. Изображения товаров имеют размер 1440х600 пикселей. Потому область подстановки изображений нужно сделать под картинки с таким соотношением сторон.  

Просьба в явном виде не использовать только картинку с изображением сертификата( можно обыграть, например: изображение конверта, из которого достают сертификат, а на нем изображены разные впечатления( которые периодично изменятся).

Примеры:

Размеры

Типы файлов

Формат: ZIP-архив с файлами HTML (может также содержать файлы CSS, JS, GIF, PNG, JPG, JPEG и SVG)

В зависимости от дизайна шаблона необходимо либо создать баннера в размерах, либо можно использовать адаптивный шаблон баннера.