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

Читатели глянца знают, что в начале весны и осени самые популярные издания выходят распухшими от рекламных картинок. Первые 20-30 полос Vogue, Cosmo и прочих Glamour заняты под рекламу. Думаете, вся реклама идет за деньги, тем более по прайсовой цене? Ничуть не бывало! Крупнейшие компании сферы люкса спокойно размещаются за половину или треть цены, а то и на халяву. Про менее популярные или новые издания я и не говорю. Те сами просят прислать какой-нибудь макет “посимпатичнее”, чтобы показать другим рекламодателям. Смотрите, уважаемые, у нас есть реклама! Нас знают и любят!

То же самое есть и будет с баннерной рекламой. Только на прошлой неделе выслал в один стартап на тему моды и стиля бесплатный баннер 240х400 px. Так что баннеры, даже бесплатные, вещь для сайта важная.

Проект Smashingmagazine отобрал несколько ходовых приемов размещения баннеров. Наблюдения пригодятся для владельцев и менеджеров блогов, стартапов, онлайн-версий СМИ.

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

Сайт газеты Washington Post использует 2 формата в шапке.

Сайт Lifehacker может похвастаться большой шапкой, где помещается блок 300х250 px. Обратите внимание, что дизайн сайта в целом построен таким образом, чтобы квадратный баннер смотрелся гармонично.

2. Баннеры над всем контентом.
Вместо того, чтобы забивать страницу сайта рекламой, некоторые проекты располагают баннеры над всем контентом, в т. ч. шапкой. Таким образом, реклама не мешает восприятию контента, но зато она опускает все содержимое вниз: меньше информации можно увидеть в “первом экране”.
Таким приемом пользуются некоторые новостные сайты.

TechCrunch использует баннер 720х90, над которым только зеленая полоска.

Тот же прием использует LA Times, но только для внутренних страниц. На главной он старается разместить в “первом экране” как можно больше.

3. На внутренних страничках баннеров больше, чем на главной.
Некоторые сайты заботятся о том, чтобы домашняя страница была максимально дружелюбной к посетителю (user-friendly). Здесь минимум рекламы, максимум полезной информации, ради которой сюда и пришли.

Home page сайта Reader`s Digest. Сайт отказался от рекламы в “первом экране”. Не по правилам, зато удобно читателям.

Однако страницы отдельных статей включают горизонтальный баннер 728х90, прямоугольник 300х250 и “башню” 135х600. Раз вы заинтересовались статьей, реклама вам не помешает.

Time почти полностью избавился от рекламы на хоумпейдже.

На внутренней странице мы снова видим шапку и квадрат в сайдбаре.

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

Форматы можно посмотреть в Wikipedia.

Самые популярные размеры (в px): 468х60, 300х250, 125х125 (этот квадратик любят блоги), 240х400.

На что следует обращать внимание при создании баннерной интернет-рекламы? Заметьте, при создании, а не при размещении.
Все знают, что баннер должен быть на самой посещаемой и целевой странице, в “первом экране”. Но если баннер неправильный, не него не клюют, где бы он ни был. Давайте порассуждаем об основах дизайна рекламных баннеров.

У себя на работе я никогда не отдаю дизайн рекламных материалов полностью на откуп дизайнеру. Потому что рекламист и маркетолог должны быть в компании дизайнерами №1. Или творческими директорами: называйте, как хотите. Они должны быть генераторами идеи в виде техзадания, и за ними должно быть последнее слово касательно всех элементов рекламы: цветов, изображения, шрифтов и т. д.
Здесь я хочу порассуждать о трех составляющих баннерной рекламы: цвете, изображениях и графических элементах, и содержании.

Цвет и фотография
Вопрос. Что лучше в баннерной рекламе: фотография или простой фон?
Ответ очевиден. Конечно, фотография. В ней много красок, ее интереснее разглядывать, а, значит, баннер с фотографией более заметный и привлекательный. Но не спешите с выводами.
Я уже писал о том, как простой однотонный баннер переплюнул по заметности конкурента с фотографией и более выгодным положением на странице. Вот еще пример:

На этом скриншоте баннерная реклама S7 и даже соседний баннер Grecotel скорее бросаются в глаза, чем верхний горизонтальный баннер Coral travel. На последнем фоном идет фотография с большим количеством мелких элементов (не считая логотипов и текста), и все они немного теряются на и без того пестрой странице. С первого взгляда даже не совсем понятно: реклама это или просто картинка, одна из многих на главной странице сайта. Еще один пример негативного влияния фоновой фотографии с сайта Technorati:

Реклама T-Mobile сверху сначала кажется обычной иллюстрацией. По моему мнению, менее цветастый квадрат рекламы справа смотрится лучше на белом фоне.

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

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

Реклама HP.

Баннер справа.

Центральный баннер.

Мегафон.

Выбор цвета часто определяется набором корпоративных цветов. Если ваш фирменный цвет - бежевый или светло-голубой, вам будет непросто поймать чей-то рассеяный взгляд. Другое дело, стиль Coca-Cola: их красно-белый дуэт заметен в любом окружении.
Я понимаю, что корпоративные правила часто ставятся превыше эффективности, но постарайтесь разбавлять пастельные оттенки чем-то более заметным. В подборе подходящего цвета помогут специальные книги на тему идеальных цветовых сочетаний. Таких книг выпустили уже немало.

Графика
Сначала в дизайне баннерной рекламы преобладали “жесткие” графические элементы: прямоугольники, квадраты, линии. Теперь избегают такой строгости, делают дизайн более привлекательным, некорпоративным, живым. На Западе даже крупные корпорации стараются казаться проще, быть “ближе к народу”. Вот и в баннерах используют органические, мягкие, растительный формы: кривые, круги, арки и прочие загогулины. Также, как и забавные или “примитивные” векторные рисунки или фотографии.

Пример текущей интернет-рекламы LG.

Реклама на сайте газеты The New York Times.

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

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

В общем, ничего нового. Это стандартные требования к каждой рекламе. Однако, очень редко попадается интернет-реклама, которая содержит все четыре элемента содержания. Нынче в баннерной рекламе заметно преобладание дизайна над содержанием. Рекламодатели считают, что красивая картинка заставит кликнуть на баннер, а затем “мы им все расскажем”.
Как вам такая реклама отдыха в Австрии?

Мне нравится этот минимализм и картинка красивая. Но “кликабельна” ли эта реклама?..

Конечно, мой пост не претендует на полноту раскрытия темы. Дизайн интернет-баннеров не укладывается в эти три элемента. Как, например, быть с размером баннера? Покадровой разбивкой (что за чем следует)? А ведь есть еще и сложные интерактивные баннеры.
И все же я постарался рассказать об основах, о том, с чего полезно начинать при разработке любой баннерной рекламы.

_________________________________

Если вам понравилась статья, подпишитесь на обновления RSS или получайте новые статьи по электронной почте.