Баннеры — это одна из самых распространенных форм интернет-рекламы, позволяющая увеличить онлайн-трафик. Баннеры используют кликабельные изображения на веб-страницах, продукты или бренды болезней и рекомендуются по ссылке на сайт рекламодателя. В том или ином виде они используют большинство компаний, поскольку они являются доступной, измеримой и существенной для выявления узнаваемости бренда.
Дизайн веб-баннеров предполагает создание максимально кликабельных рекламных объектов. Есть целостное ответвление веб-дизайна, фокусирующееся на создании эффективных рекламных баннеров.
В этой статье мы собрали для вас лучшие рекомендации в этой области.
1. Подберите наиболее подходящие стандартные размеры баннеров
Сервис контекстной рекламы Google Adsense предполагает наличие любых возможных параметров и форматов:
728×90 px — длинная баннер-перетяжка, лидерборд (Leaderboard),
300×600 px — баннер на половине страницы (Half Page),
300×250 пикселей — мышцы среднего размера (средний прямоугольник),
336×280 пикселей — большой клетчатка (Large Rectangle).
Наиболее распространенные размеры баннеров. Сверху — лидерборд, слева — баннер на большой половине страницы, справа — средний и поперечный
Баннер на полстраницы
2. Размещайте баннеры правильно
Купите место на сайте поверх линии сгиба (Above The Fold) близко к основному контенту страниц, тогда ваш дизайн видео будет всем.
3. Поддерживать иерархию
В баннерной рекламе происходит захват баланса в рамках каждого рекламного объявления, так что контролируется за иерархией. Эффективные баннеры повышают осведомленность о бренде и привлекают трафик на ваш сайт. Они содержат три основных компонента:
- Логотип компании — высокая осведомленность. Должен действовать доминировать, но чуть меньше чем ценностное предложение или призыв к действию.
- Ценностное предложение (Value Proposition) — профилактика, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми оффером и ценами. Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» и «ограниченная по времени акция». Этот элемент занимает основное пространство, и именно его должны в первую очередь привлечь зрители.
- Призыв к действию(Призыв к действию, CTA) — это текст или кнопка, приглашающая пользователей на ее покупку. Обычно пишут что-то типа «Узнать больше», «Посмотреть» или «Начать». Призыв должен стать фокусом рекламного объявления.
Призыв к действию от Авито
4. Соблюдайте простоту
Пусть ваши графические элементы и контент будут естественными, но запоминающимися: скорее всего, посетители лишь единожды взглянут на баннер — и длиться этот взгляд будет не более секунды.
Лаконичный мобильный баннер от Miu Miu
5. Внедряйте кнопки с умом
Кнопки повышения кликабельности рекламы (Click-Through Rate, CTR). Разместите их после текста, ближе к области права. Применяйте контрастный цвет и не затрагивайте вкус! Кнопки должны быть альтернативным дизайном для всего набора рекламных объявлений.
6. Обрамляйте свои баннеры
Наши глаза сразу устремляются на объекты в рамке. Эффективные баннеры используют четкие рамки и графику, продолжающуюся за краями квадрата. Если фон рекламы белый, то вокруг обычно рисуют однопиксельную серую дорожку.
7. Делайте текст читаемым
Заголовок и основной текст должны иметь разный размер. Весь текст не должен превышать четырех строчек:
Хороший пример читабельности
Не вполне удачное решение
Нежелательно применять курсивные или рукописные шрифты, очень тонкое описание, писать текст только заглавными буквами или использовать шрифт менее 10 pt (если только это не относится к ограниченной записи или не приводится об авторских правах).
8. Применяйте анимацию
Анимированные баннеры, как правило, представлены лучше оформленных, но обязательно предполагают, что они не привлекают внимание от собственного послания рекламы:
Ритейлер детской одежды Mothercare
«Сбербанк»
использовать простую анимацию, длящуюся не более 15 секунд и с циклизацией не чаще трех раз. Хорошая идея — сделать последний кадр четким призывом к действию.
9. Органично дополняйте, выделяясь
Доверие к более широкой рекламе в стиле сайта, на которой она находится. Однако не сливайтесь с площадки полностью. Баннер должен быть виден, его назначение — привлекать внимание.
10. используйте связь с брендом
Ссылка с баннера связана с лендингом вашего с оффером. Убедитесь, что реклама соответствует вашему брендингу и оформлению посадочных страниц, иначе у возникновения у клиентов возникли вопросы.
11. Внушайте ощущение срочности
Визуально срочность предприятий смесями контрастных цветов. Баннеры не должны быть скромными и незаметными.
12. Изобразительные средства воздействия с умом
Графика и фотографии Имеет отношение к продукту. Их цель — лучше донести сообщение. Никаких абстракций. Невозможно себе профессиональных фотографов и моделей? Заплатите за качественные стоковые фото. Можно найти оригинальную графику или заказать графику дизайнеру.
Изображения вообще не обязательны к использованию. Мастерски составленный текст и удачная типографика создадут аналогичный эффект.
13. Отказ от предпочтения подходящим цветам
Каждый цвет имеет свою ассоциацию. Важно обдумывать, какой тип эмоций вы пробуждаете в телевизионных шоу, ведь именно цветовая гамма — это первое, что замечают в дизайне людей.
Наука о цвете наблюдается, и в разных культурах цвета имеют различные ассоциации. Изучите целевую аудиторию перед выбором оттенков. Вот эмоции, вызываемые эмоциями цветов, у людей Запада:
- красный — страсть, ярость, возбуждение и любовь. Мощный цвет, привлекающий внимание, но лучше применять его с осторожностью. Избегайте красного, если вы стремитесь к зрелому, серьезному классу.
- Оранжевый — игривость и воодушевление. В отличие от агрессивного красного, воспаление вызывает воспаление. Замечательный выбор для кнопки вызова призыва.
- желтый — радость, солнечное сияние, дружелюбие. Желтый притягивает взгляд и излучает энергию, увеличивает ощущение молодости и доступности по ценности.
- Зеленый — здоровье, свежесть, богатство, окружающая среда, рост, забота и начало чего-то нового. Нашим глазам приятно на него смотреть.
Проект «500 Startups» от «Сбербанка» в ярко-зеленом цвете
- синий — безопасность, доверие, ясность, зрелость, безмятежность, интеллект, формальность, восстановление силы, холодность и мужественность. Этот цвет встречается в более чем половине всех логотипов мира.
- фиолетовый — роскошь, величие, экстравагантность, мудрость, магия, женственность и креативность. Ощущения на чувства успокаивающий эффект.
- розовый — любовь, симпатия, женственность, юность и дети. Обычно розовый связывают с чем-то женским, но все зависит от тона и измерения.
- Черный — эксклюзивность, загадочность, современность, мощь, престиж, роскошь и формальность. Традиционный выбор, в частности, черный текст на белом фоне — это самая удобная для чтения цветовая комбинация.
Реклама УАЗ Патриот в желто-черных тонах
- Белый — девственность, чистота, современность, насыщенность, простота, честность и невинность. Создает чувство экономической оправданности и причастности к молодости.
- Коричневый — природа, дерево, кожа, серьезность, мужественность, упрямство/жесткость и скромность. Коричневый баланс между более чем ожидаемыми цветами и потому хорошо подходит в качестве фона.
- Серый — нейтральность и неприхотливость. При игре как фоновая игра остальных цветов.
Реклама от New Balance в приятном сером цвете
14. Поддерживать файлы небольшого размера
Чем меньше, тем лучше — меньше 150 кб, как рекомендует Google Adwords. Нужно, чтобы реклама загружалась быстро, иначе посетители прокрутят страницу вниз, не заметив ее.
15. Использовать форматы файлов
JPG, PNG, GIF или HTML5 — это то, с чем следует работать. Как правило, дизайнеры рисуют графику в Adobe Illustrator или Photoshop и получают файлы в форматах JPG, PNG или GIF, либо они не учитывают Google Web Designer или Adobe Animate, либо получают на выходе HTML5.
Имейте в виду, что реклама, созданная с использованием Flash-анимации, уже устарела.
Заключение
Ну, вот и все. Основные правила мы перечислили, так что вы готовы к встрече с баннерами. Если вы не являетесь профессиональным дизайнером (или заняты продвижением бизнеса), то лучше найдите креативного специалиста, который создаст идеальную кликабельную рекламу специально под вас.
Также позаботьтесь о том, куда пользователь попадет после клика на баннер вашего сайта. Идеальная стратегия обычно выглядит так:
Предложение в виде баннера → переход на лендинг → подписка на рассылку → Работа с лидами
Да, конечно, можно отправить пользователю и на актуальных страницах товаров, т.е. е. товарные лендинги магазина — не обязательно на странице с подпиской — но это уже ваш выбор.
Высоких вам конверсий!
По материалам: 99designs.com
Источник: lpgenerator.ru
