Кейсы
Баннеры для рекламы в Яндекс и Гугл сервису Авито
Яндекс.Директ, Дисплей и Видео 360, Яндекс.Главная
Quiet Media
HTML5-БАННЕРЫ
СТАТИКИ
ДНЕЙ
7
ДНЯ
Задача
Подготовить 5 паков баннеров для медийной рекламы в Дисплей и Видео 360, Яндекс.Директ и Quiet Media. Плюс отдельно подготовить версии для главной Яндекса.
5
МАСТЕР
25
РАСКАДРОВОК
30
АДАПТАЦИЙ
45
СТАТИК
HTML5-баннеров
HTML5-баннеров
HTML5-баннеров по ТТ
для Quiet Media
50
РЕСАЙЗОВ
HTML5-баннеров
Погнали
На старте у нас пять раскадровок 240x400 и 728x90 от клиента с качественными фотографиями.

Идея баннеров классная — показываем обычную жизненную ситуацию на первом кадре, а уже на втором как Авито может помочь. Идеально.
Запускаем параллельно три процесса
Делим задачи на команду, чтобы сократить общие сроки — дедлайн известен, рекламная кампания должна запуститься вовремя
Готовим раскадровки для будущих HTML5-баннеров в других размерах. По медиаплану 250x250, 300x250, 160x600, 300x600, 240x600, 300x300, 300x500 и 320x480
Анимируем два базовых мастер-баннера: 240x400 и 728x90. У них будет разная анимация из-за особенностей размеров и гайдов Авито
Делаем статичные баннеры первого креатива для Quiet Media
Анимация мастер-баннеров
Это далеко не первый наш проект с Авито, поэтому мы быстро, но с вниманием к деталям собираем две структуры анимации. Проверяем все замедления, появления и время отображения каждого кадра. И утверждаем без правок.
Ресайзы
Раскадровки для ресайзов утверждаем в два этапа: сначала для первого пака, а затем для остальных, т.к. они имеют общую структуру расположения элементов.
Утвержденные раскадровки служат опорой для анимации. Когда известно как выглядят кнопка, заголовок, фотография в каждом — этап анимации ускоряется в разы. Это особенно нужно, когда у компании есть собственные гайды, которые важно учесть.

Ресайзы делаем также в два этапа, как и раскадровки: сначала первый пак, а затем остальные.
Дача
Квартира
Гардероб
Приключения
Уют
Баннер на главную страницу Яндекса
Отдельно готовим HTML5-баннеры для размещения на главной странице: проверяем скорость анимации, размеры текста и кнопки, нагрузку на процессор. Делаем все, чтобы на этапе модерации не словить ошибок.
Статичные баннеры для Quiet Media
За основу берем первый кадр из раскадровок для HTML5-баннеров. Кроме классических размеров, есть два нестандартных: 820х1580 (вертикальный) и 1580х820 (горизонтальный). В них нужно учесть, что края баннеров будут скрываться в зависимости от устройства, поэтому выверяем расположение каждого элемента до пикселя. Фото, заголовок, фирменные круги и кнопка должны быть на своем месте и видны каждому пользователю.
Отзыв команды Авито по проекту
Собираем все файлы в одном месте и передаем ребятам из Авито. Все довольны.
Привет! У нас все готово: drive.google.com/avito
Ура, спасибо!
ДМИТРИЙ ТОЛКУНОВ
МЕНЕДЖЕР ПРОЕКТА
ВЕДУЩИЙ ДИЗАЙНЕР
Заказать