Номинируйте кейсы на Workspace Digital Awards 2026. Прием заявок до 15 декабря по льготной цене, успейте принять участие!
TOLKUNOV
Баннеры для рекламы в Яндексе и Гугле сервису Авито
TOLKUNOV
#Баннерная реклама#Анимация и моушн-дизайн#Рекламный креатив

Баннеры для рекламы в Яндексе и Гугле сервису Авито

165 
TOLKUNOV Россия, Санкт-Петербург
Поделиться: 0 0 0
Клиент

Авито

Сфера

Торговля

Регион

Россия

Сдано

Апрель 2021

Задача

Подготовить 5 паков баннеров для медийной рекламы в Дисплей и Видео 360, Яндекс.Директ и Quiet Media. Плюс отдельно подготовить версии для главной Яндекса.

Решение

Подготовили:

— 5 мастеров HTML5-баннеров

— 25 раскадровок для HTML5-баннеров

— 50 ресайзов HTML5-баннеров

— 30 адаптаций по требованиям площадок

— 45 статик для Quiet Media

1Погнали

На старте у нас пять раскадровок 240x400 и 728x90 от клиента с качественными фотографиями.

Идея баннеров классная — показываем обычную жизненную ситуацию на первом кадре, а уже на втором как Авито может помочь. Идеально.

2Запускаем параллельно три процесса

Делим задачи на команду, чтобы сократить общие сроки — дедлайн известен, рекламная кампания должна запуститься вовремя.

3Анимация мастер-баннеров

Это далеко не первый наш проект с Авито, поэтому мы быстро, но с вниманием к деталям собираем две структуры анимации. Проверяем все замедления, появления и время отображения каждого кадра. И утверждаем без правок.

4Ресайзы

Раскадровки для ресайзов утверждаем в два этапа: сначала для первого пака, а затем для остальных, т.к. они имеют общую структуру расположения элементов.

Утвержденные раскадровки служат опорой для анимации. Когда известно как выглядят кнопка, заголовок, фотография в каждом — этап анимации ускоряется в разы. Это особенно нужно, когда у компании есть собственные гайды, которые важно учесть.

Ресайзы делаем также в два этапа, как и раскадровки: сначала первый пак, а затем остальные.

5Баннер на главную страницу Яндекса

Отдельно готовим HTML5-баннеры для размещения на главной странице: проверяем скорость анимации, размеры текста и кнопки, нагрузку на процессор. Делаем все, чтобы на этапе модерации не словить ошибок.

6Статичные баннеры для Quiet Media

За основу берем первый кадр из раскадровок для HTML5-баннеров. Кроме классических размеров, есть два нестандартных: 820х1580 (вертикальный) и 1580х820 (горизонтальный). В них нужно учесть, что края баннеров будут скрываться в зависимости от устройства, поэтому выверяем расположение каждого элемента до пикселя. Фото, заголовок, фирменные круги и кнопка должны быть на своем месте и видны каждому пользователю.

Результат


Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

TOLKUNOV с удовольствием обсудит вашу задачу

Оставить заявку