Вы хотите создать сильное присутствие в Интернете и убедиться, что все знают ваш бренд? Вы планируете запустить кампанию с полной воронкой и задаетесь вопросом, какой канал лучше всего подходит для повышения узнаваемости бренда?

Тогда мы хотели бы с радостью представить вам одно из наших любимых средств цифрового маркетинга: веб-баннеры. Вы можете видеть их везде — когда вы заходите на любой веб-сайт, смотрите видео на YouTube или даже просматриваете что-то в Google.

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

Веб-баннеры имеют долгую историю. Корпорация AT&T запустила первый в мире веб-баннер 27 октября 1994 года. Остальное, как говорится, уже история.

Веб-баннеры со временем становятся все более популярными. И не зря тоже. Они доступны по цене, вы можете измерить свои результаты, и они эффективны.

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

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

7 лучших советов по дизайну веб-баннеров

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

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

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

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

1) Размер баннера и его размещение имеют значение в дизайне веб-баннера.

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

Среди различных размеров, доступных в Google Ads, AdSense рекомендует следующие размеры объявлений:

• Таблица лидеров 728 × 90
• Половина страницы 300×600
• 336×280 Большой прямоугольник
• 300×250 средний прямоугольник
• Большой мобильный баннер 320×100

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

Источник изображения: Match2One

Вы можете использовать один и тот же баннер разных размеров в зависимости от выбранной вами платформы. И помните, баннеры предназначены не только для веб-сайтов, вы также можете использовать рекламные баннеры для социальных сетей, видео на YouTube, информационных бюллетеней и поисковых систем.

Разработано Кимпом

Разработано Кимпом

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

Разработано Кимпом

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

Нужна помощь с дизайном веб-баннера? С неограниченной подпиской на дизайн Kimp Graphics вы не платите за дизайн, и маркетинг становится проще!

2) Структура и визуальная иерархия важны

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

Для достижения наилучших результатов создайте веб-баннер таким образом, чтобы:

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

Разработано Кимпом

Ниже приведены ключевые элементы дизайна любого веб-баннера, ранжированные по степени важности:

• Ценностное предложение — это должно занимать больше всего места. Ваше ценностное предложение предлагает важные функции и стимулы, которые привлекут внимание вашей аудитории. Сюда входят такие описания, как «Ограниченное время» или «Скидка 30%».
• Призыв к действию — это должен быть четкий фокус в вашем объявлении и играть вспомогательную роль в вашем ценностном предложении. В зависимости от вашей цели и сообщения попробуйте простые фразы, такие как «Узнать больше», «Начать» или «Заказать сейчас».
• Логотип компании. Повышение узнаваемости бренда является одной из основных задач баннеров. Включите свой логотип, но не позволяйте ему затмить вашу ценность или призыв к действию. Обычное место, которое хорошо работает, — верхний левый угол.
• Изображение. Если у вас есть продукт или услуга, которую вы можете представить с помощью изображения, может быть полезно включить его. Но он не должен подавлять три других элемента дизайна веб-баннера. Он должен просто обеспечивать дополнительный фон.

Разработано Кимпом

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

Нужна помощь в разработке веб-баннеров? Работайте с командой Kimp Graphics над привлекательным и эффективным дизайном веб-баннера!

3) Выберите правильные изображения для дизайна вашего веб-баннера.

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

Вам нужна визуальная помощь, чтобы легко передать ваше сообщение, но мы знаем главное правило маркетингового дизайна: KISS (Keep It Simple Stupid).

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

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

Разработано Кимпом

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

С Kimp Graphics мы гарантируем, что графические проекты, которые мы предоставляем нашим клиентам, на 100% уникальны и адаптированы к их требованиям.

И если вы хотите узнать, на каких сайтах со стоковыми фотографиями лучше всего искать вдохновение, ознакомьтесь с нашим руководством здесь .

4) Выберите правильные цвета для дизайна веб-баннера.

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

Даже при крупномасштабном дизайне люди тратят часы на подбор правильных цветов. А когда ваше объявление вряд ли имеет размер 320×100, цвет оказывает еще большее влияние.

Что это за влияние? Что ж, есть основные факторы, по которым следует тщательно выбирать цвета для дизайна веб-баннера:

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

Разработано Кимпом

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

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

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

5) Найдите правильные шрифты

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

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

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

Разработано Кимпом

Убедитесь, что заголовок и основной текст имеют разные размеры, но не используйте размер шрифта менее 10 pt, если только это не заявление об отказе от ответственности.

Рассмотрите варианты баннеров Gotham, Myriad Pro и Helvetica Neue LT Std. Это наиболее часто используемые шрифты в медийной рекламе. И не зря. Они легко читаются, но покупатели также воспринимают их как стильные и современные. Еще несколько вариантов в этом направлении: Proxima Nova, Brandon Grotesque, Bebas Neue и Open Sans. Слишком тонкие шрифты, шрифты или только прописные буквы сделают ваши баннеры менее эффективными, сделав ваши сообщения нечеткими.

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

Разработано Кимпом

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

6) Используйте анимацию в своих баннерах

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

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

Добавление анимации может помочь вам привлечь внимание аудитории. По этой причине баннеры HTML5 и GIF очень популярны. Они могут помочь донести ваше сообщение и привлечь внимание к CTA в конце.

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

Держите анимацию не более 15 секунд, которая должна включать не более трех циклов.

Для простых анимаций вы можете просто получить подписку Kimp Graphics . У нас есть только один тарифный план с фиксированной ежемесячной платой за графический дизайн и никаких уровней. Возьмите одну подписку, и вы получите все, что вам нужно. Для более сложных анимаций попробуйте Kimp Video !

7) Постоянно представляйте свой бренд

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

Разработано Кимпом

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

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

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

Превосходный дизайн веб-баннеров с Kimp

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

У нас есть две неограниченные дизайнерские услуги для графического дизайна ( Kimp Graphics ) и видеодизайна ( Kimp Video ). За эти подписки вы платите фиксированную ежемесячную плату за работу со специальной командой дизайнеров, которая может создавать дизайны для множества различных категорий.

И если вы хотите попробовать нас, прежде чем совершить, подпишитесь на нашу 7-дневную бесплатную пробную версию сейчас.