Як створити банер, на який клікнуть ваші клієнти: 8 правил

Чи приверне увагу рекламний банер на онлайн-майданчиках чи в Google AdSense залежить від багатьох факторів: який шрифт ви обрали, яке слово написали по центру, чим проілюстрували, і навіть від кольору сторінки сайту, де він висить.

Як створити рекламний банер, який привертає увагу, розповів керівник студії маркетингу та дизайну MUST Володимир Поліщук у вебінарі на YouTube-каналі Prom.ua. Редакція EVO.business записала головне.


Розміри

Створюючи банер, пам’ятайте, що його доведеться адаптовувати під різні розміри та формати. Адже навіть у Google AdSense більше десяти розмірів банерів. А якщо йдеться про розміщення через рекламний відділ сайту, варіантів розмірів може бути безліч. Тому дизайн банера відпочатку має бути таким, щоб його можна було легко обрізати та розтягувати.

Для нетипових розмірів варто окремо продумувати сюжет банера. Наприклад, для брендування сторінки використовують довгі вертикальні банери справа і зліва від основного контенту.

Тут треба розуміти, що більшість людей читають інформацію зліва направо, зверху донизу. Відповідним чином має будуватися сюжет, коли йдеться про вертикальні банери.

Як створити банер
Зображення з презентації до вебінару

Тло та оточення

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

Не завжди можна передбачити, якими будуть «сусіди». Але якщо це можливо — намагайтеся врахувати. Наприклад, якщо розміщуєте банер на конкретному сайті, подивіться, яка у нього верстка і який колір тла.

Найгірше — якщо банер зіллється з фоном. Найкраще — коли він з ним контрастує. Банер має виділятися на сторінці і бути яскравішим, ніж основний контент.

Наприклад, оцей банер Proplan не привертає до себе уваги, він зливається з контентом. До того ж, на ньому важко щось роздивитися, а текст пікселізувався.

Як створити банер
Зображення з презентації до вебінару

А на цьому скріншоті реклама Svitlo Park та Brocard зроблені у схожій кольоровій гамі, тому вони зливаються. Це погане сусідство.

Як створити банер
Зображення з презентації до вебінару

Окрім того, наші очі реагують на великі кольорові плями. Якщо на банері багато різних кольорів, це сприймається як інформаційне сміття. Тож краще обрати один акцентний колір, аніж багато різних.

Розмір шрифта має значення

Сценарій перегляду хорошого банера виглядає так:

1. Людину чіпляють певним меседжем.
2. Їй пояснюють, що відбувається.
3. Потім повідомляють, хто це каже: назва бренда.
4. Що треба зробити, щоб це отримати: адреса сайта, або контакти.

Тож треба враховувати, яку інформацію людина побачить на вашому банері першою, а яку — пізніше. Наші очі та мозок влаштовані так, що спочатку ми дивимось на найбільший текст. Нам здається, що якщо щось велике, значить воно ближче до нас. Нам інстинктивно треба зрозуміти, що це, а потім вже можна розглядати все інше.

Тому найбільшим шрифтом, по самому центру варто написати текст, який приверне увагу. Трохи меншим — пояснення, про що йдеться. А далі — назва бренду, сайт і контакти.

Як створити банер
Зображення з презентації до вебінару

А можна керувати зором глядача більш прямолінійно: коли людина на банері кудись показує пальцем, важко не подивитися, куди він спрямований.

Як створити банер
Зображення з презентації до вебінару

Питання змушують до відповіді

На питаннях будуються багато рекламних кліше. Але це працює. Коли людина бачить питання, вона підсвідомо хоче на нього відповісти.

Читаючи «Хочеш більше заробляти?», кожен подумки відповідає: «Так, хочу». Це миттєва реакція, яку неможливо контролювати. Тому поставити питання — простий спосіб привернути увагу до реклами. Це працює і в зовнішній рекламі, і в банерах.

Як створити банер
Зображення з презентації до вебінару

Чим коротше — тим краще

Людина, яка бачить банер, не витрачатиме час на те, щоб вчитатися в нього. У вас є кілька секунд, а то й долі секунди, щоб передати їй інформацію. Тому не варто намагатися описати усі переваги вашого продукту.

Наприклад, якщо продаєте взуття — сконцентруйтеся на одному аспекті: «Якісне», або «Дешеве», чи «Натуральне». Якщо продаєте кілька категорій товарів — робіть кілька банерів для різних товарів, а не перераховуйте всі на одному банері.

Ось поганий приклад:

Як створити банер
Зображення з презентації до вебінару

Банером можна закріпити у свідомості людини асоціацію вашого бренда з певною групою товарів. Навіть якщо прямо зараз їй цей товар не потрібен, це може спрацювати пізніше. Коли вона захоче купити цей товар, автоматично згадає назву вашої компанії.

Для цього на банері достатньо розмістити назву бренда, або компанії та вид товару. Наприклад, цей банер створює асоціацію: «Бруківка — це “Мій двір”». Тобто «Якщо потрібна бруківка — купуй її в компанії “Мій двір”».

Як створити банер
Зображення з презентації до вебінару

Чудово, коли коротке ємне повідомлення відповідає запитам цільової аудиторії та розвінчує їх страхи.

Наприклад, створюючи цю рекламу у Work.ua провели дослідження і дізналися, що чоловіки рідше змінюють роботу, бо вважають, що це складний довгий процес. У відповідь на це, компанія створила максимально коротку рекламу, яка розвінчує цю думку:

Як створити банер
Зображення з презентації до вебінару

Натомість жінки, згідно того ж дослідження, часто бувають невпевненими в собі. Для них компанія створила такий банер:

Як створити банер
Зображення з презентації до вебінару

Спонукайте до дії

Побачивши банер на сайті, люди можуть не здогадатися, що на нього можна клікнути, щоб кудись перейти. В такому разі добре працюють кнопки, що спонукають до певної дії. Це підвищує конверсію.

Наприклад — кнопка «Обрати закупівлю» спонукає натиснути на банер.

Як створити банер
Зображення з презентації до вебінару

Неідеальність та несподіванки

Наш мозок так влаштований, що ми любимо симетрію. За дослідженнями, симетричні обличчя нам здаються більш красивими, аніж не симетричні. Коли ми бачимо щось несиметричне, нам інстинктивно хочеться це виправити.

Тому асиметричний напис на банері може привертати увагу. Хочеться його вирівняти, а значить доводиться прочитати.

Як створити банер
Зображення з презентації до вебінару

Банер має відповідати контенту, на який він веде

Створюючи банер, відразу продумуйте, куди він буде вести. Інформація, яку людина бачить, перейшовши за посиланням, має відповідати тому, що написано на банері. Інакше людина подумає, що не туди потрапила, і швидко піде з сайту.

Наприклад, банк Trust залучив до своєї рекламної кампанії Брюса Вілліса. Але клікаючи на банер, люди потрапляли на чорно-білий сайт з купою складної юридичної інформації про те, як отримати кредит.

Людина, яка після такого банера очікувала побачити просту форму для швидкого отримання кредита, губилася в інформації і закривала сторінку.

Як створити банер
Зображення з презентації до вебінару

Читайте також: Як інтернет-магазину вести базу клієнтів і збільшити прибуток в 1,5–2 рази завдяки роботі з даними.

Долучайтеся до нашого Telegram-каналу, щоб слідкувати за актуальними новинами та не пропускати корисні матеріали.