Red Bull Soapbox Race — тот редкий случай, когда сама рекламная коммуникация может позволить себе быть такой же безумной, как и событие. Самодельные болиды, неожиданные конструкции, скорость, юмор и фирменная энергетика Red Bull дали практически идеальную основу для динамической digital-кампании.
Для продвижения Red Bull Soapbox Race 2022 в Алматы мы подготовили большую серию анимированных HTML5-баннеров. Это был не один креатив, растянутый на разные размеры, а полноценная система из двух самостоятельных анимационных концепций, каждая из которых получила собственный сценарий и набор адаптаций.
Две концепции — одна энергия Red Bull
Первая версия строилась непосредственно вокруг гонки: трасса, финишная конструкция и несколько фантазийных болидов формировали миниатюрную сцену Red Bull Soapbox Race прямо внутри рекламного баннера. За несколько секунд пользователь получал не статичный анонс мероприятия, а небольшой динамичный эпизод с движением и характером самого события.
Во второй концепции анимации из отдельных деталей собирался совершенно безумный самодельный болид — с ванной, колесами, рулем, фарой, пружинами, персонажами и множеством мелких элементов. То, что в обычном баннере пришлось бы объяснять текстом, здесь рассказывалось через движение: придумай что-то невероятное, собери это своими руками — и отправляйся на старт.
16 HTML5-баннеров в одной рекламной системе
Обе концепции были полностью адаптированы под основные display-форматы: 728×90, 300×250, 300×600 и 240×400. Каждый размер требовал собственной композиции, тайминга и логики движения — особенно с учетом огромной разницы между узким горизонтальным баннером и крупным вертикальным форматом.
Дополнительно вся кампания была подготовлена на русском и казахском языках. В результате проект включал 16 самостоятельных HTML5-сборок: две креативные версии, четыре формата и две языковые адаптации.
Не видео, а полноценная HTML5-анимация
Технически баннеры были собраны как полноценные HTML5-креативы на Canvas с использованием Adobe Animate и CreateJS. Персонажи, транспорт, окружение и отдельные элементы анимировались независимо друг от друга, а графика собиралась в оптимизированные sprite-атласы. В сборках также была предусмотрена стандартная механика clickTag для размещения на рекламных площадках.
Это позволяло сохранить сложную покадровую динамику внутри легкого рекламного формата и при этом подготовить каждый баннер как самостоятельный готовый материал для медиаразмещения.
Для нас этот кейс хорошо показывает разницу между обычной адаптацией рекламного макета и полноценным HTML5-продакшеном. Когда внутри нескольких сотен пикселей есть сценарий, персонажи, движение, техническая оптимизация и характер международного бренда — баннер становится маленьким интерактивным рекламным роликом.
Именно такие задачи — от разработки идеи и анимационной механики до десятков готовых форматов — входят в направление BirdnBird по разработке HTML5-баннеров и digital-креативов для рекламных кампаний и крупных брендов.