logo

3 простых совета, чтобы человек заметил ваш баннер: кейсы Gagarin Studio

Сегодня каждый из почти 22,96 млн украинских интернет-пользователей проводит в сети примерно шесть с половиной часов ежедневно. Они видят до 1700 рекламных баннеров в месяц. Но те, кто их размещают, зря рассчитывают на реакцию: 86 % пользователей научились игнорировать баннеры и всплывающие окна.

Как заставить пользователя не только обратить свое внимание на баннер, но и кликнуть по нему, в колонке для MC.today рассказывает основатель и руководитель Gagarin Studio Артем Беседа.

Друзья, мы в редакции mc.today мечтаем публиковать ваши истории. С вами приключилось что-то странное и необычное на работе, в поездке, прямо на улице? Расскажите об этом нам, отправив письмо на [email protected]


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

На инфографике – портрет пользователей интернета, которых в июле 2019 года насчитывалось 4,536 млрд человек:

Как взломать баннерную слепоту

Пара штрихов для конкретизации образа украинских интернет-пользователей:

  • 97 % из них имеют полное среднее образование;
  • 64 % – люди в возрасте от 25 до 44 лет;
  • 66 % регулярных пользователей выходят в сеть с мобильных устройств.

В первом полугодии 2019-го доля баннерной рекламы в рекламе, таргетированной на украинских пользователей, составила 34 %.

Выбирайте правильное место для баннера

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

  1. Пользователь по инерции смотрит прежде всего на левую сторону – там он привык видеть контент. Размещенная там реклама на ту же тему, что и нерекламный материал, может хорошо сработать.
  2. Помните о шаблонах. Шаблон Z обычно используется для верстки страниц, на которых мало текста. Взгляд пользователя направляется по четырем ключевым точкам. Найдите место для баннера в одной из них.

Как взломать баннерную слепоту

Паттерн F построен на естественном порядке просмотра текстовых страниц. У него свои ключевые точки, которые можно использовать.

Как взломать баннерную слепоту

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

  1. Что увидят всегда? Заголовок и область первого экрана. Здесь баннер обязательно будет замечен.
  2. При выборе места для баннера, как и при разработке его дизайна, важно понимать, как он будет выглядеть в мобильной или динамической версии сайта. Ключевые требования: хорошие контрастность и детализация, а также достаточный размер для удобного прикосновения.

Как взломать баннерную слепоту

Найдите цепляющую идею

Клик – это следующий шаг. Чтобы пользователь его совершил, интригуйте:

  1. Разорвите шаблон. Каждый из нас оценивает информацию в соответствии с личным интеллектуальным и эмоциональным опытом. Предложите пользователю картинку, которую он не сразу сможет понять, – и его внимание будет принадлежать вам.
  2. Старайтесь избегать острых линий и углов – у большинства людей они ассоциируются с дискомфортом.
  3. Сделайте восприятие информации комфортным. Мозг видит визуальную информацию зеркально, поэтому оптимально располагать логотип слева, а текст – справа.
  4. Задержите внимание пользователя на своем баннере минимум на 90 секунд – исследования говорят о том, что именно с этой точки начинается пик пользовательского интереса.
Баннеры
Баннеры

Вот два баннера с одинаковым фоном и расположением элементов. Но CTR у второго в полтора раза ниже. Почему? Фокус-группа считает, что первый «идейно сильнее» и привлекательнее по цвету.

Вот еще один баннер с акцентом на идею:

Как взломать баннерную слепоту

Значимый элемент убедительного баннера – текст. Он должен быть:

  • заметным и легко читаемым;
  • коротким;
  • в тональности бренда;
  • информационно емким.

Прокачайте цвет и дизайн

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

Любой цвет вызывает у пользователя ассоциацию. И тут есть интересный момент, которым можно оперировать: ассоциации могут быть типичными, а могут зависеть от личного или коллективного опыта. Возьмите сочетание желтого с алым: тинейджер подумает о Железном человеке, банкир вспомнит Mastercard, а фанат «Игры престолов» – дом Ланистеров.

Вычислив не типичные, а именно коллективные цветовые ассоциации потенциальных клиентов, вы создадите персонализированный рецепт работающей рекламы.

Чтобы подбирать цвета по сочетаемости или наоборот, нужно взять цветовой круг:

Как взломать баннерную слепоту

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

Как взломать баннерную слепоту

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

Как взломать баннерную слепоту

Хороший показатель CTR для наших баннеров – на уровне 0,5 %. Для каждого баннера мы используем нестандартное цветовое решение. Наши фишки: насыщенные фиолетовые, розовые и голубые оттенки. Это трендовые цвета, которые ассоциируются с космической стилистикой и названием бренда Gagarin Studio.

Например:

Как взломать баннерную слепоту

Что работает: яркие цвета, объемное изображение, смешная картинка, простой шрифт.

Как взломать баннерную слепоту

Что работает: глубокий цвет, космическая тематика, контраст геометрических форм и фактур изображения, акцент на ключевом слове.

Как взломать баннерную слепоту

Что работает: неоновые оттенки, глубина фона, интрига.

А вот версия с CTR на уровне 0,3 %. При тех же цветовых решениях:

Как взломать баннерную слепоту

Почему: недодизайнили. Оказалось, что нешаблонное изображение в центре убеждает лучше, чем просто текст.

Вот удачный баннер в голубых тонах:

Как взломать баннерную слепоту

Что работает: оттенки неба (свежесть, спокойствие, легкость), лаконичный слоган, минимализм.

А этот баннер с кликабельностью 0,3 %:

Как взломать баннерную слепоту

Почему: из-за наполовину черной подложки выглядит тяжеловато и хуже заметен на странице.

А вот эта «банановая тема» сработала лучше. В ней интереснее контраст и есть драйв:

Как взломать баннерную слепоту

Пример с самой низкой кликабельностью – 0,1 %. Здесь не сработало даже чистое и позитивное сочетание белого с голубым.

Как взломать баннерную слепоту

Почему: сливается со страницей. Идее не хватает эмоций. Все правильно, понятно, но не цепляет.

Пожалуй, можно сделать вывод о том, что фон должен быть цельным. Вот как здесь:

Как взломать баннерную слепоту

Что работает: контраст цветов, юмор, красный цвет как акцентный.

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

Популярное:

Вакансии компаний

РАЗМЕСТИТЬ ВАКАНСИЮ
ЗА 1600 ГРН

New business director: агентство маркетинговых программ

Ketchup Loyalty Eastern Europe, Киев
30–80 тысяч грн

Директор по маркетингу и продажам

Компьютерная Академия ШАГ, Одесса

ЕЩЕ 22 ВАКАНСИИ

Вдохновляющие компании

This is Sparta!

«Альфа-Банк» ищет 200 айтишников и создаст 50 новых IT-продуктов. Цель – стать лидерами банковской сферы в Украине.

3 вакансии
Проект Sparta от «Альфа-Банк Украина»
Ferrexpo Poltava Mining

Мы входим в Ferrexpo Plc и производим железорудные окатыши, из которых делают сталь. Она есть в деталях телефонов Apple и автомобилей BMW.

Из нашей стали делают детали для Apple и BMW. Как работает Ferrexpo Poltava Mining

Выбор редактора

Вакансии компаний

РАЗМЕСТИТЬ ВАКАНСИЮ
ЗА 1600 ГРН

New business director: агентство маркетинговых программ

Ketchup Loyalty Eastern Europe, Киев
30–80 тысяч грн

Директор по маркетингу и продажам

Компьютерная Академия ШАГ, Одесса

ЕЩЕ 22 ВАКАНСИИ

Спецпроект

Me.Kava

Вдохновляющие компании-работодатели

Alfa
ABM Cloud
«БИОСФЕРА»

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: