Кейс по созданию HTML5-баннеров для производителя сайдинга

logo

Услуга проекта: Отрисовка баннеров для PPC
Клиент: ООО «Ю-Пласт Бел»
Проект url: u-plast.by

О компании: Компания «Ю-Пласт» – это белорусское предприятие, специализирующееся на производстве фасадных отделочных материалов из ПВХ и сайдинга. Компания располагает собственными производственными мощностями и постоянно работает над улучшением качества продукции, используя собственные разработки и инновации.

Основные цели: Разработать HTML5-баннер с интересной и красочной анимацией и призывом к действию в корпоративном стиле компании для продвижения через Яндекс.Директ и Google Ads.

Этапы создания

1. Согласование размеров и дизайна

Заказчику необходим был динамический баннер в 6 размерах для каждой рекламной площадки. Так как некоторые размеры, нужные клиенту, не одинаковы для двух сервисов, во время работы был разработан баннер в 8 размерах: для Google Ads – 240х400, 250х360, 300х50, 300х600, 320х100, 336х280; для Яндекс.Директ – 240х400, 300х500, 300х600, 320х50, 320х100 и 336х280.

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

2. Создание анимации и настройка кода

Следующий этап проводился в программе Google Web Designer, автоматически прописывающей html-код для баннера при настройке дизайна и анимации. Были созданы вылетающий текст и элементы, вращение и смена логотипа, проявление фотографий и необычная анимация кнопки призыва к действию в виде передвигающейся стрелки и размытия круга. Анимация была зациклена на 3 повтора, чтобы отвечать требованиям Google Ads. Так как программа подстроена под требования Google Ads, дополнительно были внесены изменения в html-код баннера для его настройки под Яндекс.Директ.

Результаты

В конце разработки баннера мы предварительно проверили все размеры на двух рекламных площадках, чтобы убедиться в том, что модерация пройдет успешно. После положительного ответа сервисов все баннеры были отправлены заказчику, который остался крайне доволен проделанной работой: HTML5-баннер получился красочным, креативным и продающим.