Рекламный баннер: как сделать, чтобы его заметили и поняли

Один баннер передаёт одно предложение

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

Для дальнейшего разбора возьмём рекламу услуги, которая ведёт на страницу с условиями и запросом расчёта. Человек ещё не знает компанию. Баннеру предстоит обозначить предмет, существенную пользу и следующий шаг. Обещание расчёта отличается от обещания готовой цены: в первом случае посетитель ожидает уточнить задачу, во втором — увидеть сумму. Если текст смешивает эти варианты, даже выразительная картинка приведёт человека с неверным ожиданием, а сотрудник затем потратит разговор на объяснение того, что реклама могла сообщить заранее.

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

Что дизайнеру нужно получить от маркетолога

В начале задания полезны аудитория, предмет услуги и причина обратиться сейчас. Вместо общего требования сделать заметно назовите вопрос, который баннер помогает решить. Я бы начал с вопроса о возможности оценить задачу по исходным данным, потому что для услуги с предварительным расчётом именно это ожидание определяет, захочет ли человек оставить сведения о своём проекте и продолжить разговор с компанией. Затем сформулируйте действие на странице. Дизайнеру проще построить иерархию, когда заголовок, изображение и кнопка ведут к одному продолжению, а не пытаются одновременно представить всю компанию и перечислить каждое направление работ.

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

Образец смысловой части брифа

Рекламируем [конкретную услугу] для [аудитории]. Главный довод: [подтверждённое отличие или состав предложения]. После перехода человек узнает [условия] и сможет [действие]. На баннере сохраняем [главное уточнение], подробности раскрываем на странице. Обещание не шире реальных возможностей компании.

Логотип помогает узнать отправителя. Он полезен как часть сообщения, но не обязан занимать столько места, чтобы название услуги и действие пришлось уменьшать до нечитаемого размера. Для незнакомого бренда ясность предмета обычно важнее декоративного повтора фирменного знака во всех углах.

Коротко не значит неопределённо. Слова о качестве и успехе легко помещаются, но посетителю по ним трудно понять, относится ли реклама к его задаче, поэтому сокращать лучше второстепенные объяснения, сохраняя сам предмет предложения.

Как собрать иерархию без мелкого текста

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

Для начала дизайнер показывает, где предмет, где довод и где действие. Это не требование жёстко делить каждый макет на одинаковые зоны. Хорошая иерархия может строиться иначе, если смысл считывается. Однако равный размер всех элементов редко помогает объяснить приоритет. При сравнении двух вариантов полезнее спросить, что читатель узнает после первого взгляда и что сможет прочитать следом. Так обсуждение станет содержательным и не превратится в голосование за любимый оттенок руководителя.

Изображение раскрывает предложение

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

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

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

Кнопка не должна вводить в заблуждение

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

Размер и формат берут из места размещения

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

В технических ограничениях Директа для графических баннеров перечислены JPG, PNG и GIF. Для соответствующего раздела указан максимальный объём 512 КБ. Это параметры конкретного вида объявлений. На той же странице есть другие ограничения для изображений и иных размещений, поэтому нельзя переносить одно найденное число на любой рекламный материал. Исполнитель сверяет выбранный формат перед экспортом, а заказчик сохраняет ссылку на требования рядом с заданием.

Адаптация, а не уменьшенная копия

Среди размеров блоков указаны 300 × 250 и 728 × 90 пикселей. Эти пропорции слишком различаются, чтобы бездумно сжать одну композицию. На широком узком баннере может понадобиться другая разбивка текста и более простой снимок. Лучше передать дизайнеру право перестроить второстепенные элементы, сохраняя предмет, довод и действие. Тогда серия остаётся единой по смыслу, хотя внешнее расположение меняется под доступное место. Сравнивать размеры стоит после экспорта в фактическом масштабе.

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

Что сохранить в комплекте

• Макеты под названные места размещения и их размеры.
• Экспортированные файлы с понятными именами вариантов.
• Исходник, из которого можно исправить предложение и условия.
• Текст и сведения, на которых основано обещание.
• Страницу продолжения и итоговую ссылку.
• Причину различия вариантов, которые предстоит сравнивать.

Если речь об изображениях комбинаторного объявления, его поведение отдельно описано в справке о показах: система может менять размер и обрезать изображение. Это другой способ размещения. Для него стоит заранее сохранять значимый предмет в подходящей области и смотреть доступные предпросмотры, чтобы важная часть не исчезла после автоматической адаптации.

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

Как принять баннер и понять, что менять дальше

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

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

Что сравнивать в тесте

Чтобы узнать, какой довод лучше работает, меняют сам довод и сохраняют остальной путь насколько возможно одинаковым. Если одновременно заменить аудиторию, предложение и страницу, удачный результат будет трудно объяснить. Отдельно смотрят показы, переходы и нужные действия на сайте. Высокая кликабельность может сопровождаться неподходящими обращениями, когда изображение интригует шире реальной услуги. Я бы предложил руководителю смотреть состав обращений и их продолжение вместе с процентом кликов, потому что без этой связи удачным может показаться вариант, который привлекает людей с неподходящей задачей и увеличивает нагрузку на продажи без полезного результата.

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

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

В обсуждение рекламы со ШТАБ ИТ достаточно принести предложение, выбранные размещения и страницу продолжения. Дальше работа строится вокруг смысла и фактического пути посетителя, а заметность изображения становится способом открыть понятное предложение.