Дизайн баннеров: как разработать собственные баннеры

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

Существует множество различных типов онлайн-рекламы, некоторые из которых работают по-разному и имеют разный эффект:

• Всплывающие окна, всплывающие окна и многослойная реклама: Эти объявления, которые особенно непопулярны у многих посетителей сайта, обычно воспроизводятся, как только посетитель сайта совершает определенное действие. Обычно эти объявления используют JavaScript и открывают новые окна браузера, которые либо внезапно всплывают поверх посещаемого сайта (pop-ups), либо открываются в фоновом режиме, так что вы не замечаете их, пока не закроете другие окна браузера (pop-under). Некоторые рекламные объявления реагируют на движение мыши или прокрутку: реклама часто отображается в том же браузере, который скрывает основное содержимое посещаемого сайта (слоистая реклама). В настоящее время пользователи могут довольно успешно блокировать всплывающие окна и pop-unders с помощью программ блокировки рекламы, но пока не могут блокировать многослойную рекламу. Поскольку вышеупомянутая реклама часто подавляет или скрывает фактическое содержание сайта, многие пользователи считают этот вид рекламы разрушительным спамом. Поэтому неудивительно, что такие провайдеры, как Google, в настоящее время полностью отказываются от этих методов рекламы.
   
• Насыщенные медиа: Небольшие аудио- и видеоэлементы должны быстро доходить до пользователя, но при этом органично вписываться в веб-сайт. Такая реклама может быть размещена статично или «вклиниваться» в контент — например, с помощью интерстиций, которые вставляются до появления рекламы. Ключевым элементом богатых медиа является то, что они предлагают расширенные функции, которые мотивируют пользователей взаимодействовать с ними, по сравнению с традиционными формами. В такие дисплеи часто интегрируются небольшие игры и другие интерактивные элементы. Однако сравнительно большие объемы данных богатого медиаконтента означают, что они не всегда могут отображаться на веб-сайтах бесшовно. Увеличенный объем данных также может мешать просмотру сайта со стороны пользователя. Это особенно актуально для мобильных устройств, где обычно доступна меньшая пропускная способность.
   
• Текстовые дисплеи: Самая минималистичная форма рекламы — текстовые рекламные объявления обычно состоят из короткого рекламного заголовка, который одновременно является ссылкой на веб-страницу рекламодателя, UDL, ведущего на домашнюю страницу рекламодателя, и короткого текста описания. Они в основном используются в маркетинге поисковых систем.
   
• Видеореклама: Если вначале интернет-маркетологи по техническим причинам делали упор на текстовую и баннерную рекламу (поскольку она могла без проблем воспроизводиться даже при слабом интернет-соединении), то с ростом использования широкополосных соединений все больший интерес стали вызывать рекламные видеоролики. Рекламные видеоролики иногда воспроизводятся на сайте автоматически. Они могут быть встроены, как обычно, в определенную область сайта, или включаться в качестве прерывающейся интерстициальной рекламы перед началом только что открывшейся страницы. Слой рекламы, который размещается поверх текста сайта, также часто содержит видеорекламу. Видео обычно интегрируется с помощью Flash. Однако при неправильном использовании рекламные видеоролики могут иметь очень раздражающий эффект, поскольку они обычно занимают много места на веб-странице (или почти полностью ее закрывают), и часто по умолчанию включается звук. С другой стороны, видео может использоваться для представления рекламного контента более привлекательным или впечатляющим образом, чем любой другой рекламный формат.
   
• Баннерная реклама: В рамках баннерной рекламы маркетологи используют заранее определенное рекламное пространство на веб-сайтах для рекламы (обычно статичной) графики определенных брендов или продуктов. Эти баннеры экономят ресурсы и обычно не заменяют фактическое содержание сайта. Однако рекламные баннеры отключаются большинством блокировщиков рекламы, хотя они кажутся гораздо менее навязчивыми, чем всплывающие окна или многослойная реклама. Эффективность баннеров во многом зависит от рекламируемого продукта и формата. Если вы рекламируете продукт, требующий визуального отображения (например, продукты питания или одежду), то на больших баннерах у вас будет место только для соответствующей картинки. Для рекламодателей отслеживание и таргетинг позволяют легко понять, сколько пользователей узнают об их предложении через баннер. Еще одно преимущество: баннеры относительно просты в создании. Поэтому рекламные баннеры также подходят для маркетинга небольших компаний.

Рекламные баннеры идеально размещаются с помощью рекламных сетей, таких как Google Display Network, и являются популярным компромиссным решением: они не так привлекают внимание, как слоистые объявления, и не позволяют представить продукт так впечатляюще, как тщательно продуманные рекламные видеоролики, но по сравнению с ними они воспринимаются как менее назойливые. В отличие от чисто текстовых объявлений, они также работают с визуальными стимулами. Хорошо продуманные рекламные баннеры привлекают пользователя одним щелчком мыши вызвать соответствующую страницу с предложением. Однако дизайн рекламы также чрезвычайно важен: в большинстве случаев у вашего рекламного баннера есть всего несколько секунд, чтобы дойти до потенциального клиента. Чтобы ваша реклама была воспринята положительно, необходимо обратить внимание на определенные принципы дизайна. В этой статье шаг за шагом объясняется, как создавать убедительные баннеры.

На протяжении всей истории интернета определенные конкретные размеры рекламных объявлений стали статус-кво. В этом руководстве Google объясняет, что такое встраивание или среда для каждого формата рекламы.

Существуют различия между следующими форматами, среди прочих:

Помните, что размер графики для вашего баннера не должен превышать 150 кб. Подходящие форматы изображений — .PNG и .JPG, а также другие для анимированных объявлений. Кроме того, вы должны продумать три основных содержания вашего рекламного баннера:

• Логотип: Ваш собственный логотип крайне важен при попытке повысить узнаваемость бренда. Хороший логотип можно распознать за долю секунды, и его можно разработать так, чтобы он не воспринимался как раздражающий. С другой стороны, плохо сделанный логотип может нанести значительный ущерб бренду, поскольку непрофессиональный логотип будет вызывать у потребителя образ непрофессионального продукта. Поэтому стоит потратить достаточно времени и ресурсов на разработку логотипа. Наше руководство по созданию логотипа даст вам полезные советы о том, как создать привлекательный логотип.
   
• Пользовательское обещание: Ваше объявление должно точно передать суть предлагаемого товара всего за долю секунды. Зритель должен быть в состоянии распознать предложение, чтобы его внимание было «вознаграждено» информацией. Если информация актуальна для зрителя, возникает интерес. Если вы рекламируете низкие цены или специальное предложение, вы можете просто указать цену («Авиабилеты от 10 евро!») или процентную скидку («Сейчас скидка на обувь 20%!»).
   
• Призыв к действию: Ваша реклама должна быть четко интерактивной. Что произойдет, если пользователь нажмет на объявление? Простой текст и кнопки («Перейти в магазин», «Выкупить ваучер», «Зарегистрироваться здесь» и т.д.) позволяют пользователю понять, что произойдет, если он нажмет на объявление, чтобы он точно знал, что клик на объявление будет полезен для него.

В качестве примера в данном руководстве мы будем использовать вымышленный интернет-магазин письменных столов. Компания называется Table Edge, и ее цель — привлечь клиентов в интернет-магазин с помощью рекламы. Поэтому мы решили создать в общей сложности 6 графических изображений, все они должны иметь единый дизайн и содержать логотип компании. Согласован темный цвет фона для баннера, так как реклама будет отображаться на темных сайтах форумов. Чтобы сделать предложение более привлекательным, будет обещана 10% скидка для клиентов, заходящих в магазин через одно из этих объявлений. Три наиболее важных фактора успеха в баннерной рекламе уже учтены:

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

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

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

Специальное предложение — это основа вашего объявления. Оно должно сразу привлекать внимание зрителя и подчеркивать дополнительную ценность вашего предложения, продукта или услуги.

В нашем примере мы хотим рекламировать скидку в 10%. Проценты обычно оказывают положительное влияние на зрителя, поскольку они просты для понимания и указывают на дополнительную ценность специального предложения. В контексте рекламы зритель обычно сразу понимает смысл этих процентов без необходимости читать сопровождающие их цифры. В зависимости от формата объявления можно выделить и соответствующие цифры.

В нашем примере мы смогли передать смысл специального предложения через рекламные баннеры в форматах «широкий небоскреб», «большой/средний прямоугольник» и «полстраницы», выделив 10% скидку. Кроме того, мы выбрали цвет шрифта, который резко контрастирует с рамкой, фоном и логотипом. Небольшие тексты, в которых говорится о результатах тестирования и отзывах клиентов, завершают рекламу. Сопроводительный текст должен быть более лаконичным, чем само специальное предложение — в идеале мобильный баннер иллюстрирует специальное предложение всего в 3-5 словах.

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

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

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

Подсказка должна быть расположена так, чтобы она формировала «конец пути чтения». Таким образом, на экране сначала передается самая важная информация (обещание пользователя), а затем рекламируется кнопка клика (подсказка). Вы всегда должны помнить о естественном направлении чтения зрителя.

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

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

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

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

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

Вы можете разделить свое объявление на разделы, выделенные контрастными цветами. Это сделает ваше объявление похожим на самостоятельное веб-окно и привлечет внимание. В средней/большой области специальное предложение и призыв к действию остаются на видном месте. Логотип и слоган бренда занимают место в нижней области.

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

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

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

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

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

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

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

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

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

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

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

Судя по приведенному выше баннеру, неясно, приведет ли нажатие на баннер в интернет-магазин или переведет зрителя на ваучер. Поскольку нет подсказки (например, кнопки), функция баннера неясна. Это вызывает у зрителя подозрения и делает маловероятным, что он кликнет на рекламу. Всегда четко указывайте в рекламе, что даст нажатие на объявление.

• Единообразие бренда: Старайтесь оформлять рекламу в соответствии с дизайном вашего сайта. Это повышает узнаваемость бренда, и многие пользователи должны уметь распознавать, что рекламирует компания, по одному только дизайну.
   
• Адаптируйте макет к страницам, на которых, скорее всего, будут появляться ваши объявления. В идеале ваши объявления должны выглядеть как неотъемлемая часть сайта, а не как мешающий элемент.
   
• Сосредоточьтесь на основных принципах дизайна: Рекламные объявления должны привлекать внимание, и маркетологи часто добиваются этого необычными способами. Однако даже если вы придерживаетесь определенных правил, когда речь идет о цветовом оформлении или выборе шрифта, вы можете создать хорошую рекламу. Для этого ознакомьтесь с концепцией дополнительных цветов.
   
• Обратите внимание на символику цвета: Цвета могут вызывать различные реакции зрителей и активировать различные ассоциации. Если вы продаете органические продукты, зелено-коричневая цветовая гамма будет говорить об экологической чистоте. В рекламе косметической продукции часто используются бледно-розовый и голубой цвета. Обязательно учитывайте свою целевую группу при выборе цветов.
   
• Инвестируйте достаточно времени и ресурсов: Плохо сделанная реклама может принести вашему бренду больше вреда, чем пользы. Если вы недостаточно хорошо знаете, как пользоваться графическими программами, лучше доверить разработку рекламы профессионалу.