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

15 дизайнерских приемов — как сделать баннер, за который не будет стыдно

В интернете много шумихи по поводу баннеров. Они уже отжили свое? Кликает ли кто нибудь на них? Может, они уже мертвы? А вдруг появилась лучшая альтернатива баннерам?

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

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

1. Придерживайтесь стандартных размеров

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

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

Ниже размеры, которые вы должны выбрать в первую очередь:

2. Придерживайтесь последовательности

Каждый баннер должен содержать в себе три элемента: брендинг (логотип), сообщение и поощрение для клика. Загвоздка в том, что у вас не сильно много места для всего этого.

Создайте простую последовательность элементов. Сообщение должно быть кратким — от двух до 10 слов в идеале. Что вы предлагаете и почему люди должны этого хотеть. После этого добавьте логотип или какой-то другой идентификатор. Он должен быть читабельным и не слишком большим. В заключение добавьте причину для клика. Может, у вас сейчас распродажа? Код купона? Подписка на почту?

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

3. Один баннер равняется одному сообщению

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

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

4. Помните о том, где будет размещен баннер

Где вы планируете размещать баннеры после того, как сделаете сам креатив? Если вы используете сервисы подобные Google, у вас будет не сильно много возможностей контролировать размещение. Но если вы хотите разместить их на определенных вебсайтах, в приложениях или email рассылках, вам нужно будет изучить их и принять во внимание их дизайн, прежде чем делать свои баннеры.

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

5. Используйте призыв к действию

Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

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

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

Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

7. Используйте кнопки

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

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

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

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

Согласно правилу большого пальца, обычно двух начертаний шрифтов бывает достаточно.

9. Используйте простую анимацию

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

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

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

10. Сохраняйте правильно

Это важный момент. Никто не разместит вашу рекламу, если файлы слишком много весят или у баннера будет неправильный формат. Оптимизируйте размер по максимуму. Итоговый размер файлов не должен превышать 150 кб, в зависимости от площади рекламного баннера.

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

11. Сфокусируйтесь на текстах

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

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

12. Используйте элементы бренда

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

Поэтому, создавая баннеры, думайте о них, как о составляющей вашей маркетинговой стратегии.

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

13. Используйте яркие визуальные элементы

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

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

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

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

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

15. Будьте попроще

Это прописная истина. Если вы переутомите пользователя обилием текстов, анимаций, цветов, фактов, вы рискуете утратить первоначальный смысл. Будьте попроще.

В случае с баннерами, всего по одному будет достаточно.

Выводы

Так что, баннеры еще пока не умерли. (И не факт, что это когда-нибудь случится). Баннерная реклама может стать эффективным способом достучаться к вашей целевой аудитории а также повысить узнаваемость вашего бренда.

Источник

Баннерная реклама от а до я: виды, примеры + как сделать ее кликабельной

Здравствуйте, читатели блога iklife.ru!

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

Что такое баннер

В общем понимании баннер (англ. banner – знамя, флаг) – рекламное изображение.

Баннерная реклама в офлайне – это изображение, нанесенное на полотно из винила и непрозрачного полипропилена. Его могут крепить к билборду или вывешивать над трассами, на зданиях, деревьях. Основное преимущество – оно не портится 3 – 7 лет и видно издалека без интернета.

Недостаток – цена. За изготовление полотна, печать просят от 110 рублей/кв. метр. Производство и крепление обойдется в 4 000 – 5 000 р. Размещение нужно оплачивать ежемесячно или даже посуточно. Причем чем выгоднее оно, тем больше платеж. Расценки отличаются в зависимости от региона. В той же Москве за размещение берут 50 000 – 200 000 рублей, а в Краснодаре – от 10 000 рублей около трассы.

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

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

Первый онлайн-баннер появился в 1994 году. Сейчас он занимает второе место среди популярной интернет-рекламы. Около 64,6 % людей доверяют баннерам при поиске и покупках.

За каждый клик или показ владелец баннера платит сайту, который размещает его рекламу.

Зачем нужен баннер

Баннер нужен, потому что он:

Профессиональная работа над баннером – это определение целевой аудитории, работа над дизайном, поиск подходящих площадок и размещение.

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

Разберемся, какие бывают баннеры по восприятию.

Содержат одну картинку. Обычно используют PNG. Этот формат сохраняет качество, но может снижать скорость загрузки страницы из-за тяжеловесности.

Подойдут для рекламы небольшого количества товаров/услуг или магазина с УТП.

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

Подходят для любого вида бизнеса. Создание стоит в 2 – 3 раза больше.

На видео вы можете посмотреть пример анимированной баннерной рекламы.

Рассмотрим, какие бывают баннеры по формату, расположению.

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

Это расположение лучше воспринимается нами, потому что мы видим бинокулярным зрением горизонтально. Нам не нужно сильно напрягаться. За 0,03 секунды посетитель просканирует больше на картинке, а значит, и привлечь его внимание нам проще. Горизонтальный формат отлично подходит для рекламы большого ассортимента продуктов.

По технической начинке баннеры делятся на категории:

Добавляется в HTML-код. Нужно, чтобы был подключен Java-апплет (программа). На нем любят делать рекламу игровой и развлекательной тематики. Например, у пользователя есть возможность подобрать прическу персонажу. Он незаметно втянется в игру и захочет зарегистрироваться и продолжить. Такие баннеры грузятся даже при плохом интернете.

Интерактивная реклама, сделанная под запросы Google AdSense. При наведении курсора появляется рука с мечом.

Гибкая технология Macromedia. Каждый может играть с ней: менять текст, картинку, выключать звук, писать что-то.

Здесь можно выбрать вариант ответа.

Состоит из картинки в формате PNG, GIF, JPG, встроенной в HTML-код. Там же прописаны элементы, которые делают баннерную рекламу интерактивной. Любой пользователь сможет что-то перетаскивать, менять на картинке, писать так, как это задумано разработчиком.

Когда кликаешь на преимущества компании, появляется подробная информация.

Подстраивается под размер смартфона, компьютера. В отличие от Flash и CGI можно указывать любые размеры. Этот формат подстраивается под площадку, не мешает просматривать нужную информацию на странице. Управлять HTML5-баннерами можно через Яндекс Дисплей.

Здесь можно выбрать квартиру и кликнуть на нее. После нажатия открывается сайт рекламодателя.

По содержанию и целям баннеры подразделяют на 4 вида:

Переводит на страницу того же самого сайта. Нужен, чтобы оповестить, привлечь внимание к чему-то. Покупатель зашел на страницу с товарами. У вас скидка 500 рублей на первый заказ от 3 000 рублей. Благодаря вашей баннерной рекламе он узнает об этом и наберет корзину на крупную сумму.

Ozon наверху главной страницы сообщает об акции.

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

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

Его цель – продажа товара/услуги. Он содержит УТП, четкие выгоды и призыв к действию.

По масштабности размещения баннеры бывают:

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

Добавляют только на одну целевую страницу.

Размеры и места размещения

Популярные размеры баннеров в одной картинке.

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

Как и где разместить баннер:

Выбирайте площадки, не перегруженные рекламой.

Плюсы и минусы

Нужен рекламный бюджет. Минимум 1 300 рублей за размещение.

Как оплачивают размещение

Размещение баннера оплачивают по 2 схемам:

Как сделать баннер, который заметят

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

Изучаем целевую аудиторию

Без понимания своей целевой аудитории нельзя сделать продающий баннер. Он попросту не будет цеплять потенциальных клиентов.

Определяем цель и составляем структуру

От цели зависят: дизайн, площадка размещения и заголовок.

Баннер решает одну из 4 задач:

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

Хотите, чтобы бренд был у всех на слуху? Тогда баннер должен содержать:

Для увеличения продаж:

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

Анкета поможет выявить ошибки и достигнуть цели.

Подбираем размер

Правило “Больше – лучше” здесь не работает. У маленьких баннеров CTR (кликабельность) выше.

Работаем над дизайном

Содержание эффективного баннера:

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

Какие картинки хорошо заходят:

Это пробьет “баннерную слепоту” – состояние, когда ваш баннер не замечают и воспринимают как фон.

Не перегружайте изображение деталями. Достаточно 2 – 3 цветов и 1 – 2 читабельных, простых шрифтов.

Брать у других русскоязычных сайтов не советую. Типичный контент с фотостоков тоже не подойдет. Много интересного вы найдете на Pinterest.

Перенастройте поисковую систему на другую страну. К примеру, США или Францию. Ищите интересующие картинки на английском языке. Вы найдете много классных изображений, которых нет в Рунете.

Текст

Составляем цепляющий заголовок. Можно использовать уникальное торговое предложение.

Короткое описание продукта с ключевой выгодой целевой аудитории. Достаточно 5 – 7 слов, остальное – перебор.

Собираем образ в картинку

Теперь открываем Photoshop, Gimp или Paint.net и визуализируем макет. Создаем пустое полотно нужного размера, заливаем, добавляем фото, текст и т. д. Все, как задумали.

Если сложно сделать самому, можно заказать у веб-дизайнера на бирже фриланса. Стоимость статичного баннера на заказ – от 250 р. Зависит от сложности и уровня работника.

Видеоурок о том, как создать GIF-баннер в Photoshop.

Как узнать, насколько эффективен баннер

Узнать, работает ли рекламный баннер так, как надо, поможет 3 ключевых показателя:

Проверить эффективность баннера легко в Яндекс.Директе. В функции “Группа объявлений” можно написать ключевое слово или выбрать картинку и посмотреть кликабельность.

Когда данных о CTR будет хватать Яндексу, он сам покажет вам самые работающие рекламные объявления.

Если с картинками не заладилось, и статистика рекламной кампании расстраивает, можно попробовать контекстную рекламу.

Заключение

Баннерная реклама была и остается одной из самых эффективных. Да, из-за примелькавшихся шаблонов и перегруженности информации приходится искать новые способы делать баннеры кликабельными.

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

Вы можете хорошо заработать, если научитесь делать баннеры. Профессионалы умудряются делать по 2 – 3 штуки в день. А это минимум 1 000 рублей.

А вас раздражают баннеры, когда видите их на сайте?

Желаю вам больше переходов и заказов!

А мы увидимся с вами в следующей полезной статье.

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

Источник