Увійти за допомогою:
або

Ласкаво просимо до рекламного та маркетингового блогу BannerBoo

Статті, поради та секретні фішки від команди BannerBoo
header image
15 дизайнерських прийомів - як зробити банер, за який не буде соромно

15 дизайнерських прийомів - як зробити банер, за який не буде соромно

В інтернеті багато галасу з приводу банерів. Вони вже віджили своє? Чи хтось клікає на них? Можливо, вони втратили свою популярність? А раптом з'явилася найкраща альтернатива банерам?

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

Сьогодні ми розглянемо 15 дизайнерських прийомів для створення банерів, за які не буде соромно. Для прикладів ми взяли переможців 2015 року за версією Webby Awards.

1. Дотримуйтесь стандартних розмірів

BannerBoo.com — дотримуйтесь стандартних розмірів банерів

Банерна реклама не належить до типу продукту — один «розмір для всього». Ви повинні виходити з тих специфікацій, які потрібні для ресурсу, на якому ви плануєте розміщувати рекламу, а більшість сайтів використовують стандартні розміри. (Це також стосується і email-розсилок)

На Google Adwords, одному з найбільших серверів банерної реклами в інтернеті, можна дізнатися про найбільш популярні розміри.

Нижче розміри, які ви повинні вибрати в першу чергу:

  • 728x90px — повнорозмірний банер(часто показується вгорі або внизу сторінки)
  • 300x250px — вбудований прямокутник (переважно показується в правій частині сайту або вставляється в текст)
  • 300x600px — блок на половину сторінки
  • 320x100px — мобільний банер

2. Дотримуйтесь послідовності

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

Створіть просту послідовність елементів. Повідомлення має бути коротким – від двох до 10 слів в ідеалі. Що ви пропонуєте і чому люди повинні цього хотіти. Після цього додайте логотип або інший ідентифікатор. Він має бути читабельним і не надто великим. На закінчення додайте причину кліка. Може, у вас зараз розпродаж? Код купону? Передплата на пошту?

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

3. Один банер дорівнює одному повідомленню

BannerBoo.com — один банер дорівнює одному повідомленню

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

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

4. Пам'ятайте, де буде розміщено банер

Де ви плануєте розміщувати банери після того, як зробите креатив? Якщо ви використовуєте такі сервіси як Google, у вас буде не дуже багато можливостей контролювати розміщення. Але якщо ви хочете розмістити їх на певних вебсайтах, додатках або email розсилках, вам потрібно буде вивчити їх і взяти до уваги їх дизайн, перш ніж робити свої банери.

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

5. Використовуйте заклик до дії

BannerBoo.com — використовуйте заклик до дії

Яке найголовніше завдання банера? Правильно – на нього мають клікнути. Використовуйте заклик до дії (Call to Action) у кожному банері, який ви робите. Підкажіть користувачеві, що потрібно робити далі.

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

6. Забудьте про Flash

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

Використовуйте натомість HTML5. Якщо вам потрібно конвертувати якісь свої старі креативи і вдихнути в них нове життя, Google має невеликий урок який допоможе це зробити.

7. Використовуйте кнопки

BannerBoo.com — використовуйте кнопки

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

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

8. Сфокусуйтеся на шрифтах

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

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

  1. Робіть великі заголовки. Використовуйте жирні, трохи незвичайні або кольорові шрифти, щоб привернути увагу користувачів.
  2. Віддавайте перевагу шрифтам без засічок (sans serif). Ви можете використовувати два розміри або два обриси жирного — один для основного тексту, а інший для кнопок або заклику до дії. Просто переконайтеся, що вони легко читаються.

9. Використовуйте просту анімацію

BannerBoo.com — використовуйте просту анімацію

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

Чого точно не треба робити, так це яскраво-жовті або помаранчеві миготливі екрани з банерів минулого. Вам не потрібні неонові тексти, що світяться, щоб привертати увагу користувачів. Ми говоримо про маленькі фішечки, які зацікавлять і змусять глянути на банер ще раз. Проста анімація може бути просто маленькою зачіпкою, яка приверне до себе увагу.

10. Зберігайте правильно

Це важливий момент. Ніхто не розмістить вашу рекламу, якщо файли занадто багато важать або банер матиме неправильний формат. Оптимізуйте розмір максимально. Підсумковий розмір файлів не має перевищувати 150 кб, залежно від площі рекламного банера.

Після цього переконайтеся, що банер зроблений у правильному форматі, стандартному для інтернет-реклами. Поширені формати банерів – PNG та JPG для статичних банерів, GIF – для анімованих. SVG формат також набирає обертів і все частіше приймається різними рекламними мережами. Забудьте про SWF (Adobe Flash) – від нього зараз вже практично всі відмовилися, і навіть браузери перестають його підтримувати. Натомість широкого поширення набули HTML5 банери, які створюються за допомогою таких програм, як Google Web Designer, Adobe Animation або україномовний онлайн конструктор банерів Bannerboo.

11. Сфокусуйтеся на текстах

BannerBoo.com — сфокусуйтеся на текстах

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

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

12. Використовуйте елементи бренду

Рекламні банери — продовження будь-якої рекламної кампанії, яку ви запускаєте. Вони мають виглядати відповідно. Якщо форми та розміри можуть відрізнятися, загальний візуальний стиль повинен зберегтися.

Тому, створюючи банери, думайте про них як про складову вашої маркетингової стратегії.

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

13. Використовуйте яскраві візуальні елементи

BannerBoo.com — використовуйте яскраві візуальні елементи

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

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

14. Релевантний контент

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

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

15. Будьте простіше

BannerBoo.com — будьте простіше

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

  • Одна картинка
  • Одне текстове повідомлення
  • Один заклик до дії
  • Один елемент бренду

Висновки

Так що, банери ще поки не померли. (І не факт, що це колись станеться). Банерна реклама може стати ефективним способом достукатися до вашої цільової аудиторії, а також підвищити впізнаваність вашого бренду.

Автор — Сarrie Сousins. (Переклад — Bannerboo.com)

« Назад до списку
Подібні статті:
Що таке анімований банер?
Що таке анімований банер?
arrow icon
Оформіть преміум підписку
Upgrade icon
Розпаліть свою творчість за допомогою нашої преміум-підписки!

✨ Без водяного знака
✨ Необмежена кількість банерів
✨ Зміна розміру банера
✨ Анімовані банери
✨ Експорт у GIF, HTML, AMP

Відкрийте скарбницю кліпартів, професійних шаблонів і ексклюзивних варіантів брендування. Оформіть підписку зараз!
Уууупс!
Нам дуже прикро, та, на жаль, ваш браузер використовує плагін типу Ad blocker.

Оскільки BannerBoo є інструментом для створення та управління банерами, а ad blocker дуже ускладнює вашу роботу по створенню банерів, використовуючи наш сервіс.

Будь ласка, додайте *.bannerboo.com* в список виключень або відключіть ad blocker.