Что такое РСЯ

Когда вы посещаете различные сайты в интернете, вокруг контента как правило появляется много различной рекламы.

Большая часть этих рекламных баннеров предоставлена как раз Рекламной Сетью Яндекса.

Я занимался дизайном и разработкой новых форматов рекламных баннеров, а также обновлением старых.

Какие проблемы

Реклама раздражает, но без неё нельзя.

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

Главная задача в работе над рекламными форматами — сделать так, чтобы баннер не раздражал, был нужным, и выглядел аккуратно и привлекательно вне зависимости от любых обстоятельств.

При этом важно не потерять эффективность рекламы для рекламодателя.

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

О чем приходится постоянно помнить:

• Огромный диапазон размеров баннеров: от мелких узких полосок внизу экрана телефона до крупных баннеров на всю ширину сайта;
• Рекламные данные содержат разное количество информации. Например, нам может прийти целый набор текстовых данных, вроде заголовка, текста, цены со скидкой, промоакциях, адресе магазина, и так далее; а может вообще ничего не прийти, кроме заголовка и домена — никакого постоянства.

• Не у каждого рекламодателя есть возможность создавать красивые картинки. Здорово, если нам придется рекламировать Айфон, но нужно уметь и станки ЧПУ продать. А еще картинки вообще может не быть;
• Нет возможности рассчитывать на площадку. Баннер должен одинаково хорошо отрисовываться как внутри красивого аккуратного сайта, так и на древнем интернет-форуме.

Как решали

Развитие и поддержка технологии Smart Design

Во-первых, мы развивали технологию умного-дизайна, которая работает на вариативности данных, машинном обучении и постоянных экспериментах.

Система сама отслеживает эффективность данных и показываемых ассетов, и принимает решение что показывать чаще.

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

Вот статья на vc.ru про нашу работу: Умная реклама: как алгоритмы научились собирать объявления для каждого пользователя.

Редактор

Обычно дизайнеры используют Фигму в качестве основного инструмента для дизайна.

Но она совершенно не подходит для создания рекламных форматов по следующим причинам:

• Не умеет принимать динамические данные для примерки,
• Имеет крайне скудный инструментарий для поддержки адаптивности макета,
• Не позволяет управлять логикой отображения элементов и их свойствами
• Крайне сильно ограничивает дизайнеров в используемых технологиях анимации и визуализации

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

И мы сделали такой инструмент — Большой Рекламный Редактор.

Скриншоты из презентации

Что я сделал еще и к чему имею отношение

Адтюн

Адтюн (AdTune) — кнопка и панель управления рекламой, где можно пожаловаться на рекламный баннер, сообщить о нарушении закона или о неактуальности рекламы, ознакомиться с рекламодателем или узнать подробнее о Рекламе Яндекса.

Ранее на месте адтюна был крестик для скрытия баннера, а после огромной стройки теперь во всех возможных форматах живёт единый Кебаб и Адтюн.

Пульт управления баннерами — Блог Яндекса

Карусель в видео

Поддержка отображения рекламной галереи товаров после рекламного видео-ролика.

Адаптивный рекламный блок под самые разные размеры видео-блока — от плеера во весь дисплей десктопа, до маленького окошка на смартфоне.

Пример тут: AdIndexLive⚡️

Билборд

Билборд — широкий анимированный баннер для вставки посередине контента сайта.

В качестве киллер-фичи формата был придуман механизм подбора фона рекламного баннера в зависимости от усреденного значения цвета картинки рекламных данных

К сожалению, не осталось исходников 😞

Вариант, который дожил до прокадшена: mishanga.pro

Скриншоты без контекста, случайно вырванные из разных задач