Содержание

обзор популярных сервисов — ppc.world

Что делать, если в команде нет дизайнера, работать в сложных графических редакторах вы не умеете, но нужно создать красивые рекламные баннеры? На помощь приходят специальные сервисы для создания графического контента. Мы выбрали шесть популярных онлайн-редакторов: Canva, Adobe Spark, Desygner, Bannersnack, Bannerboo и Fotor, протестировали их и готовы рассказать об их преимуществах и недостатках.

Canva

  • Интерфейс на русском языке: да.
  • Авторизация: требуется регистрация или вход через аккаунт в Facebook или Google+.
  • Стоимость: основные функции бесплатны, но есть платная подписка от $12,95 в месяц на аккаунт для командной работы.

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

Попробуем создать самые «ходовые» баннеры: большой прямоугольник 336×280, средний прямоугольник 300×250, полноразмерный баннер 728×90, а также большой мобильный баннер 320×100.

Чтобы начать работу с изображением нажимаем «Создать дизайн», затем — «Использовать специальные размеры».

Вводим параметры высоты и ширины баннера и переходим в редактор.

Сначала сделаем фон. Canva предлагает различные варианты оформления: однотонные, орнаменты, узоры, градиенты, флористические и т. д.

Чтобы добавить к фону элементы (логотип, дополнительные изображения) переходим в раздел «Мое». Сюда можно загрузить изображения с компьютера. Чтобы разместить их на баннере, просто перетащите загруженные картинки из галереи на рабочее поле. Удобно, что можно сразу загрузить в медиатеку все элементы, которые планируете использовать для создания баннеров, и потом по очереди перетаскивать и редактировать.

Теперь добавим текст.

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

Изменение цвета текста, выравнивания и т. д. — в меню сверху. Текст можно перетаскивать, растягивать и сжимать.

Теперь добавим кнопку. Для этого заходим в раздел «Элементы» — «Фигуры». Мы хотим круглую кнопку, соответственно, из списка фигур выбираем круг. Перетаскиваем его в нижнюю часть баннера, корректируем размер и выбираем цвет.

Можно добавить стрелку на кнопку. Для этого переходим в «Элементы» — «Линии». Тут есть уже готовые стрелки, выбираем понравившуюся, перетаскиваем на кнопку, меняем размер и цвет.

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

Сохраняем то, что у нас получилось, нажав «Скачать» в верхнем правом углу, и аналогичным образом делаем остальные баннеры:

Средний прямоугольник 300×250

Полноразмерный баннер 728×90

Подведем итоги.

Плюсы

  1. Понятный интерфейс на русском языке.
  2. Есть медиатека, можно один раз загрузить все нужные для работы изображения и потом использовать их неограниченное количество раз, они сохраняются в разделе «Мое».
  3. Большая коллекция бесплатных изображений, иллюстраций, фонов, фигур и т. д.

Минусы

  1. Ограниченный функционал редактора: нет возможности работать со слоями, выделять фрагменты изображения, обрезать, накладывать их на рабочее поле, отсутствуют инструменты «Кисть», «Пипетка» и т. д.
  2. Нет возможности на одном экране работать одновременно с несколькими баннерами.

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

Adobe Spark

  • Интерфейс на русском языке: нет.
  • Авторизация: требуется регистрация или вход через аккаунт в Facebook или Google+.
  • Стоимость: основные функции бесплатны, но есть платная подписка от 9,99 $ в месяц.

Adobe Spark — это веб-приложение, им можно пользоваться с десктопа, также есть версия для iOS. У приложения три основных назначения:

  1. Создание графического контента.
  2. Создание видеороликов.
  3. Верстка веб-страниц.

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

Спускаемся вниз страницы, нажимаем Create a graphic.

Сервис предлагает воспользоваться шаблонами, но мы будем создавать баннер самостоятельно, поэтому нажимаем Start from scratch.

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

Переходим в редактор.

Начнем с логотипа. Чтобы загрузить его с компьютера, нажимаем на круглый значок с плюсом и выбираем Photo.

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

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

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

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

Сохраняем, нажав Download справа вверху. Когда один баннер готов, можно оставить макет и поменять размеры, перейдя во вкладку Resize на правой боковой панели и выбрав вариант Custom.

Средний прямоугольник 300×250

Полноразмерный баннер 728×90

Большой мобильный баннер 320×100

Теперь о плюсах и минусах.

Плюсы

  1. В графическом редакторе много инструментов и возможностей. Например, есть инструмент «Пипетка», фильтры, интересные визуальные эффекты для текста и т.  д.
  2. Большая часть функций и возможностей в бесплатном доступе.
  3. Если нужно создать несколько похожих баннеров разного размера, нет необходимости каждый раз начинать заново. Можно открыть уже имеющийся макет и просто поменять размеры холста и элементов баннера.
  4. Огромная библиотека изображений, иконок и прочих элементов.
  5. Если вам сложно подбирать сочетания цветов, у сервиса есть готовые палетки. В них объединены цвета, которые красиво сочетаются друг с другом.

Минусы

  1. Нет русскоязычной версии, и сам интерфейс простым не назовешь, нужно время, чтобы к нему привыкнуть, разобраться с инструментами и найти нужные функции.
  2. Adobe Spark на каждый проект накладывает свой логотип в нижнем левом углу. Он небольшой, полупрозрачный, но его все равно видно. Конечно, его можно обрезать или закрасить в любом другом фоторедакторе, но на это потребуется дополнительное время. Есть возможность один раз убрать логотип, потом эта функция становится платной.
  3. Нельзя один раз поместить изображения в медиатеку и потом использовать, нужные картинки приходится каждый раз загружать заново.

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

Desygner

  • Интерфейс на русском языке: частично.
  • Авторизация: требуется регистрация или вход через аккаунт в Facebook или Google+.
  • Стоимость: основные функции бесплатны, но есть платная подписка от $6,95 в месяц.

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

Сервис предлагает шаблоны баннеров с указанием размеров. Здесь есть нужные нам форматы: прямоугольники 336×280 и 300×250, а также полноразмерный баннер 728×90.

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

В качестве фона или дополнительных элементов можно использовать изображения с компьютера, они сохранятся в библиотеке (My library). Загрузим логотип и добавим его к баннеру. Особенность интерфейса — перетаскивать изображение не нужно, иначе оно займет все рабочее поле. Чтобы наложить его на фон, наводим курсор на изображение в медиатеке и выбираем пункт Add image.

Теперь оформим текст. Поменять стиль, цвет, шрифт и размер текста можно в меню сверху.

Добавим кнопку, выбрав пункт Shapes в меню сверху. Можно также перейти во вкладку Shapes загрузить в библиотеку свою кнопку или выбрать из раздела Stock.

А теперь дополнительные элементы.

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

Все проекты сохраняются в библиотеке и доступны для последующего редактирования.

Плюсы

  1. Шаблоны баннеров с указанием размеров, нет необходимость вводить размеры самостоятельно.
  2. Богатая библиотека фонов, иллюстраций, фотографий и прочих элементов.
  3. Загруженные с компьютера файлы сохраняются в медиатеке, их можно использовать повторно и не нужно загружать заново каждый раз.
  4. Есть возможность по одному образцу создать баннеры разных размеров и редактировать одновременно несколько баннеров в одном окне. Это делает инструмент Desygner одним из самых удобных для быстрого создания графического контента.

Минусы

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

Bannersnack

  • Интерфейс на русском языке: нет.
  • Авторизация: требуется регистрация или авторизация через Facebook или Google+.
  • Стоимость: набор бесплатных возможностей сильно ограничен, есть платная подписка от $7 до $48 в месяц.

Редактор для создания баннеров в форматах HTML5 и Flash. После авторизации сервис предлагает создать один баннер или сразу несколько с разными размерами, если пользователь оформил платную подписку. Мы тестируем бесплатные возможности, поэтому будем создавать баннеры по одному.

Мы тестируем бесплатные возможности, поэтому будем создавать баннеры по одному. Нажимаем Make a banner. Открываются шаблоны с указанием размеров. Здесь есть те, которые нам нужны, но если вам необходимо ввести параметры вручную, выбирайте Custom Size.

Переходим в редактор. Открываются готовые варианты статичных и анимированных баннеров, а также строка поиска.

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

Зато фоны удобно разделены на категории: цвета, градиенты, текстуры и пользовательские изображения.

Чтобы загрузить картинку с компьютера нужно перейти во вкладку My images и поместить туда нужное изображение. Все загруженные картинки будут храниться там.

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

Далее добавляем текст и кнопку. Для оформления текста (шрифт, цвет, выравнивание и т. д.) появляется специальное окно сбоку.

В интерфейсе сервиса есть специальная вкладка Buttons с шаблонами кнопок. Правда, большинство шаблонов платные.

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

Добавим дополнительные элементы. Кстати, любой элемент можно скопировать, нажав Duplicate в выпадающем меню.

Подведем итоги работы с сервисом.

Плюсы

  1. Сервис специально для работы с баннерами: есть шаблоны с размерами, кнопки, возможность создавать сразу несколько проектов, если вы оформили платную подписку.
  2. Есть фильтры по категориям, чтобы было проще найти в библиотеке нужный элемент, фон или картинку.
  3. Расширенные возможности редактора: отображаются слои, можно оформить кнопку градиентом, дублировать элементы, менять местами или скрывать слои и т. д.
  4. Интуитивно понятный и удобный интерфейс.

Минусы

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

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

Bannerboo

  • Интерфейс на русском языке: да.
  • Авторизация: требуется регистрация или авторизация через Facebook, «ВКонтакте» или Twitter.
  • Стоимость: основные функции бесплатны, но есть платная подписка от 14.99$ в месяц.

Еще один конструктор, разработанный специально для создания HTML5 и Flash баннеров, но, в отличие от предыдущего, здесь интерфейс полностью на русском языке. После авторизации открывается список папок, в которых хранятся созданные баннеры. Чтобы создать новый проект, нажимаем «Сделать баннер» вверху справа.

Можно ввести размеры вручную или выбрать шаблон — здесь как раз есть нужные нам форматы.

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

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

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

Во вкладке «Объекты» собраны дополнительные элементы для баннеров: кнопки, иконки, иллюстрации и т. д. Их немного, но для простых баннеров хватит.

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

Загрузим логотип, перейдя во вкладку «Загрузки» и перетаскиваем картинку с рабочего стола в библиотеку сервиса.

Чтобы созданный проект сохранился на компьютере, нажимаем «Публиковать» и сохраняем картинку в нужном формате.

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

Теперь о положительных и отрицательных моментах в работе с сервисом.

Плюсы:

  1. Понятный и удобный русскоязычный интерфейс.
  2. Возможности сервиса специально для создания баннеров: есть шаблоны с указанием размеров в пикселях, кнопки призыва к действию и т.  д.
  3. Можно менять размер баннера на любом этапе работы с ним.
  4. Созданные проекты можно распределять по разным папкам.
  5. Элементы можно перемещать на задний или передний план.

Минусы

  1. Ограниченный выбор изображений, фонов, иллюстраций и дополнительных элементов в библиотеке сервиса.
  2. В бесплатной версии в углу баннера будет располагаться логотип сервиса.
  3. Нет опции «Отменить действие».

Fotor

  • Интерфейс на русском языке: да.
  • Авторизация: необязательна, но можно зарегистрироваться или войти через аккаунт в Facebook.
  • Стоимость: основные функции бесплатны, но есть платная подписка от $3,33 в месяц.

Fotor — сервис для создания и редактирования графического контента, поддерживающий множество языков, включая русский. По умолчанию стоит английский, но можно изменить язык на главной странице сервиса в разделе Language.

Настроив нужный язык, нажимаем «Дизайн» и переходим к шаблонам. Здесь есть нужные форматы, количество пикселей отображается при наведении курсора на шаблон.

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

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

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

Чтобы все загруженные файлы сохранялись в одном месте, нужно авторизоваться и перейти во вкладку «Облако». Туда мы загрузим логотип и поместим его на баннер.

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

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

Теперь переходим во вкладку «Украшения». Выбираем кнопку из раздела «Основные формы».

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

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

А вот функция «Предпросмотр» доступна и в бесплатной версии. Она позволяет увидеть, как баннер будет смотреться на сайте.

Итоги работы с сервисом.

Плюсы:

  1. Понятный интерфейс на русском языке.
  2. Есть подсказки.
  3. Доступны шаблоны баннеров с указанием размеров.
  4. Функция предпросмотра.
  5. Необязательно авторизовываться в сервисе, но без авторизации некоторые функции будут недоступны.

Минусы:

  1. Многие полезные функции платные, например, перемещение слоев, изменение размеров.
  2. Выбор бесплатных объектов сильно ограничен.

Без платной подписки с сервисом Fotor работать сложно, бесплатная версия подходит только для создания простейшей графики.

Подведем итоги

На мой взгляд, самыми удобными оказались универсальные сервисы для создания графического контента: Canva, Adobe Spark и Desygner. Редакторы, разработанные специально для оформления баннеров по-своему хороши: в них есть шаблоны нужных форматов и дополнительные возможности. Но без платной подписки функционал сильно ограничен. Выбирайте инструменты, с которыми вам удобно работать, помните об основных принципах создания баннеров и создавайте яркие привлекательные баннеры для своих кампаний.

анализ дизайна 20 примеров |Webpromoexperts

Смотрим 20 победителей из конкурсов «99 Designs» и анализируем, что хорошо, а что плохо.  


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


99 Designs — известная западная биржа для фрилансеров с полумиллионом клиентов. Фрилансеров у них больше — 1,5 млн., и каждые полторы секунды на сайт загружается новый дизайн. Требования к дизайнам довольно строгие и на конкурсах, которые составляют основу 99Designs, выигрывают только лучшие из лучших. (Хотя, как мы увидим дальше, клиенты выбирают не самые лучшие варианты из предложенных).

Конкурсы по дизайну рекламы проводятся там тоже довольно часто, и я, будучи основателем конструктора по изготовлению рекламных баннеров, решил сделать «разбор полетов» и показать вам победителей конкурсов и прокомментировать их работы. Я взял 20 свежих работ и проанализировал их.

Поехали!

1. Shapiro MD

Это работа-победитель дизайнера Sampu123, выбранная из 52 дизайнов и 14 дизайнеров. Клиент— Shapiro MD, шампунь для роста волос. Стоимость проекта — $300. С выбором победителя мы согласны — открытое улыбающееся лицо, приятные цвета и хорошая композиция. Возможно, было бы лучше, если бы мужчина смотрел прямо в кадр, тогда бы он цеплял внимание еще больше, но это уже я так, придираюсь )

2. QuadrigaCX

А это конкурсная работа дизайнера prodesign81. Он победил 9 соперников и заработал 69 канадских долларов. Баннер на хайповую криптовалютную тематику— про продаже биткойнов и эфира. В принципе, особо придраться не к чему. Цветовая гамма подходящая, изображение сверкающих золотых биткойнов привлекает внимание, с типографикой тоже все хорошо. Твердая четверочка, потому что не цепляет. Просто хороший, качественный рекламный баннер. И лично я не очень люблю курсивный шрифт применимо к данному случаю.

3. Reseever

Стартап Reseever попросил сделать для них стильную рекламу для фейсбука, с чем успешно справился дизайнер arc44. Среди 8 дизайнеров и 27 работ его баннер оказался лучшим — впрочем, конкуренты креативом не блистали, и arc44 заслуженно заработал свои 129 долларов. Работа, на самом деле, классическая, и построена по всем правилам жанра фейсбучной рекламы — чистый фон, мало текста (одно из требований фейсбука), изображение айфона, которое четко указывает, на чем работает программа, и скриншоты приложения. Есть хорошо проработанный призыв к действию (Call to Action) и краткое описание приложения. Все сделано грамотно и аккуратно.

4. Vitality

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

5. Acai Berry Detox

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

6. Momentum Business Center

Бизнес-центр Momentum заказал разработку новых баннеров и теперь будет радовать глаз пользователя своим позитивным оранжевым дизайном, который для них сделал Rio.Shine за $79. Все бы ничего, но огорчают слишком маленькие тексты, которые трудно читать, белый текст на светло-оранжевом фоне, который тоже трудно разглядеть, и объемные кнопки, которые были популярны десяток лет назад. Да и оранжевый цвет, как по мне, не в тему. Я бы за основу взял серый, который в логотипе, а оранжевым показал бы акценты. В любом случае, работа сдана, заказчик доволен, а мы идем дальше.

7. Prestige Color Printing

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

Здесь и металлический отблеск на краях визиток (как описано в преимуществах), и теньки хорошие, и текст читабельный. Но фактор заказчика всегда играет определяющую роль, поэтому двигаемся дальше и смотрим замечательный набор баннеров от Graphic House.

8. Law Crossing

Здесь все радует глаз — и приятная цветовая гамма с ярко выраженными акцентами, и четкий копирайтинг, и композиционное решение. И даже разрез бумаги, который был жутко популярен лет так 10 назад, здесь смотрится очень органично. Только на формате 320х50 кнопочку «Get hired now» можно было и не показывать, не факт, что она прочитается. В любом случае, твердая пятерка дизайнеру Graphic House и заслуженные немаленькие $250.

9. Acme

А это дизайн от нашего индийского друга Studio33in. В честном дизайнерском бою он победил 24 соперников, которые выставили 119 работ, и сделал это хорошо. Отличная цветовая гамма для софтверной компании, хорошо подобранное релевантное фото, понятные тексты и классический красный CTA. $129 — отличная цена за этот дизайн. Просто приятно смотреть.

10. Service Market

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

11. Pocket Informant

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

12. SNO Sites

Редко бывает, когда заказчик выбирает сразу 2 победителей, но тут как раз тот случай. Причем, с заказчиком я согласен на все 100%. Непонятно только, делил он 49 долларов на двоих, или дал каждому по $49 ) Надеюсь, что второе.

Итак, первый веб-баннер от Create4Design просто вдалбливает вам в голову 4 преимущества — методично и напористо. Ничего лишнего, только хардкор.

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

13. Batiplus SA

Дизайнер Mecolvin создал для швейцарского ритейлера по французски изысканный баннер практически в стиле нуар — их продукты будут отлично смотреться на стильном черно-белом фоне. Хорошая типографика и грамотные цветные акценты делают баннер заметным и кликабельным — еще бы, за 189 Евро!

14. Kellum Law Firm

В этом случае заказчику нужен был баннер, который привлекал бы внимание. Дизайнер с этим заданием справился — в Silicium Studio сделали акцент на кровавой пелене, которая покрывает большую часть изображения и служит фоном для не менее выразительного заглавия. Более, чем достойная работа за 75 долларов. А главное — создает нужное настроение.

15. Carzaty Oman

И снова два победителя — в первом случае Kuz.Design, а во втором уже знакомые нам Graphics House, которые за $129 сделали классические качественные автомобильные баннеры. Причем, здесь даже нечего комментировать — просто хороший продукт, который не вызывает лишних вопросов, а молча делает свою работу — собирает клики.

16. Cheepies

Заметьте, это первый баннер с рисованной иллюстрацией, а ведь это отличный способ выделиться! Pawan Droch это знал, поэтому и выиграл конкурс и 169 австралийских долларов. Жаль только, что иллюстрация с Shutterstock, а ведь мог и сам нарисовать! В любом случае, баннер сделан качественно и соберет достаточно внимания у фейсбук-аудитории.

17. Get Wild Studios

Собачьи фотографы, оказывается, популярны! И за 109 австралийских долларов получился вполне себе ничего симпатичный баннер от дизайнера FlashPrime. Единственное, что меня смущает — сине-голубая цветовая гамма, которая подойдет больше для медицинских или технологических решений, а не для собачьего рая. Но здесь не дизайнер решал, а заказчик, у которого сайт выполнен в идентичной цветовой гамме.

18. Australian Excellence

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

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

Дизайнер ʚïɞ Mary Kaiser ʚïɞ (да, именно вот так, с бабочками) тоже очень постаралась и даже немного перестаралась — я имею в виду небольшой хаос с продукцией и фотографией девушки. Синий фон здесь тоже спорно смотрится — его нет на продукции, кроме синих букв на упаковке, и в даном контексте он смотрится не к месту. Решение с вопросом и анимированными ответами на него — хорошо, но слишком замудрено. Не будет пользователь читать так много на рекламном баннере. Предыдущий пример проще и лучше.

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

19. Jelly’s Quest

 

Здесь тоже два победителя — eeeh_aarrh (первый баннер) и Neef. Первый мне нравится больше за счет простоты, динамики, крупных элементов на нем. «Play for free» смотрится заманчиво, короче, есть все составляющие для того, чтобы кликнуть по этому баннеру.

Второй баннер тоже неплох, раз его выбрали в качестве победителя, но здесь невнятный и грязноватый то ли фон, то ли голова, много элементов, кнопка «Install now!» явно проигрывает «Play for free», и это все вместе смотрится забито и хаотично. В любом случае, оба получили по $129.

20. DateabilityIQ

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

Подведем итоги

Надеюсь, этот «разбор полетов» помог вам понять, какие сейчас тренды в дизайне рекламных баннеров и сколько в среднем стоит сделать набор из разных размеров для рекламной кампании.

Важно помнить, что:

1. Баннер не должен быть перегруженным и должен четко передавать тот посыл, который вы в него вкладываете. При создании баннера придерживайтесь этих золотых правил:

— Одна картинка

— Одно текстовое сообщение

— Один призыв к действию

— Один элемент бренда

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

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

Баннер обязательно должен содержать призыв к действию

Анимация, если она есть на баннере, не должна быть раздражающей и чересчур вызывающей.

Что касается стоимости изготовления, то она напрямую зависит от профессионализма дизайнера. Даже использование конкурсов не гарантирует, что вы получите профессиональный продукт — взгляните, например, на номеры 6 или 7 из нашего списка баннеров.

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

У нас уже более 100 уникальных шаблонов в 16 размерах и каждую неделю мы выкладываем новые — на разные тематики и для разных индустрий.

Если у вас остались вопросы или вы хотите, чтобы я дал оценку креативам, сделанными кем-то для вашей компани — обращайтесь, охотно помогу.

Знания, которые вы получите на курсе «Интернет-маркетинг СТАРТ», позволят вам легко и самостоятельно разработать комплексную стратегию развития веб-ресурса. Научитесь создавать удобную структуру сайта, находить в социальных сетях потенциальных клиентов. Сможете запустить рекламную кампанию и оценить ее продуктивность.

ЗАПИСАТЬСЯ

Если Вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter

Как создать эффективный баннер? Будьте оригинальны!

Боб Арнольд, один из специалистов Google Media Lab, утверждает, что баннерная или медийная реклама часто подвергается незаслуженной критике. Хотя все маркетологи когда-либо использовали этот вид продвижения, сегодня многие избегают баннеров, предпочитая встроенные в онлайн-игры или мобильные приложения Push-объявления.

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

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

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

3 принципа создания эффективной баннерной рекламы

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

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

Так, во второй половине 2014 года креативы в рамках рекламной кампании для Android Wear увеличили популярность бренда и количество совершенных покупок на 15,8% и 9,4% соответственно. Считается также, что данный вид рекламы создает у пользователей ощущение срочности. Баннерная реклама является сравнительно недорогой, и у нее широкие возможности таргетинга: текстово-графические объявления могут быть эффективным средством, если у вас есть четко поставленная цель.

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

  1. Баннер должен быть максимально привлекательным. Ваша реклама должна бросаться в глаза и привлекать внимание пользователя. Только тогда вы сможете отвлечь человека от его основной цели на сайте и донести рекламное послание. Чтобы выделиться на общем фоне, можно использовать анимацию, изображения человеческих лиц, фирменные цвета и понятный, различимый текст.
  2. Баннер должен быть лаконичным. В любой момент пользователь может посмотреть на вашу рекламу, и у вас есть всего пара мгновений, чтобы «зацепить» его взгляд. В связи с этим, выражайте ваш оффер максимально кратко.
  3. Баннер должен быть понятным. Рекламное объявление обычно имеет небольшой размер, поэтому вам негде будет «развернуться». Не используйте множество деталей, ведь иначе ваш баннер будет выглядеть загроможденным. Призыв к действию также должен быть ясным и легко читаемым.

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

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

Технология динамического креатива (Dynamic Creative)

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

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

Преимуществом метода является удобство применения. Рекламные агентства, использующие Dynamic Creative, могут быстро подгружать новые данные, и таким образом не перенастраивать всю кампанию заново (это выгодно для компаний, чьи предложения и продукты часто меняются). Динамический креатив нередко встречается в рекламных кампаниях Google Play для продвижения такого контента, как новинки кино или музыкальные релизы.

Dynamic Creative особенно эффективен для мобильных устройств. В прошлом году Google запустил динамическую рекламу, получившую название «волшебный баннер» (Magic Banner). Рекламная кампания включала в себя 23 динамических блока, поступающих с пяти разных API. Более 95% контента было динамическим.

Для создания Magic Banner 2.0 была использована улучшенная технология. Маркетологи постарались задействовать информацию о предпочтениях пользователей (исходя из поисковых запросов и прочей информации, например, время суток, погода, местонахождение и т. д.), чтобы предоставить релевантную, интересную и полезную рекламу. Таким образом, целевая аудитория получала актуальную информацию в нужное время и в нужном месте.

Пример динамической рекламы, использованной при создании Magic Banner 2.0

Тестирование для оптимизации медийной рекламы

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

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

Ниже представлена пошаговая инструкция по созданию баннерной рекламы:

1. Разработка рекламных материалов с использованием информации о пользователях.
2. Тестирование нескольких вариантов баннеров с целью понять, какой из них наиболее эффективен.
3. Оптимизация дизайна на основе результатов тестирования.
4. Запись успешных идей и эффективных рекламных приемов.
5. Измерение показателей и резюме.

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

Вместо заключения

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

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

Высоких вам конверсий!

По материалам: thinkwithgoogle.com, image source: Milo Baumgartner 

10-11-2015

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

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

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

В этой статье мы собрали для вас лучшие рекомендации в этой области.

Содержание статьи

1. Используйте наиболее эффективные стандартные размеры баннеров
2. Размещайте баннеры правильно
3. Поддерживайте иерархию
4. Соблюдайте простоту
5. Внедряйте кнопки с умом
6. Обрамляйте свои баннеры
7. Делайте текст мгновенно читаемым
8. Применяйте анимацию
9. Органично дополняйте, выделяясь
10. Обеспечивайте связь с брендом
11. Внушайте ощущение срочности
12. Изобразительные средства выбирайте с умом
13. Отдавайте предпочтение подходящим цветам
14. Поддерживайте небольшой размер файлов
15. Используйте правильные форматы файлов
Заключение

1. Используйте наиболее эффективные стандартные размеры баннеров

Сервис контекстной рекламы Google Adsense называет самыми успешными следующие параметры и форматы:

728×90 px — длинный баннер-перетяжка, лидерборд (Leaderboard),
300×600 px — баннер на половину страницы (Half Page),
300×250 px — прямоугольник среднего размера (Medium Rectangle),
336×280 px — большой прямоугольник (Large Rectangle).  

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

2. Размещайте баннеры правильно

Покупайте место на сайте поверх линии сгиба (Above The Fold) близко к основному контенту страницы, тогда ваш дизайн будет виден всем.

Читайте также: Баннерная слепота: как не навредить конверсии?

3. Поддерживайте иерархию

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

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

2. Ценностное предложение (Value Proposition) — объясняет, какой продукт/услугу вы предлагаете, и привлекает внимание заманчивыми оффером и ценами. Как правило, здесь можно увидеть словосочетания вроде «высокое качество», «50%-ная скидка» и «ограниченная по времени акция». Данный элемент занимает основное пространство, и именно его должны в первую очередь заметить зрители.

3. Призыв к действию (Call to Action, CTA) — это текст или кнопка, приглашающая пользователей нажать ее. Обычно пишут что-то вроде «Узнать больше», «Посмотреть» или «Начать». Призыв должен стать фокусом рекламного объявления.

Призыв к действию от Авито

4. Соблюдайте простоту

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

Лаконичный мобильный баннер от Miu Miu Читайте также: Как создать эффективный баннер? Будьте оригинальны!

5. Внедряйте кнопки с умом

Кнопки повышают кликабельность рекламы (Click-Through Rate, CTR). Размещайте их после текста, ближе к нижнему правому углу. Применяйте контрастный цвет и не забудьте о вкусе! Кнопки должны отличаться постоянным дизайном на протяжении всего набора рекламных объявлений.

6. Обрамляйте свои баннеры

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

7. Делайте текст мгновенно читаемым

Заголовок и основной текст должны иметь разный размер. Весь текст не должен превышать четырех строчек:

Хороший пример читабельности
Не вполне удачное решение

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

Читайте также: Какой размер медийной рекламы AdWords выбрать?

8.

Применяйте анимацию

Анимированные баннеры, как правило, проявляют себя лучше статических, но необходимо убедиться, что они не отвлекают от основного послания рекламы:

Ритейлер детской одежды Mothercare

«Сбербанк»

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

9. Органично дополняйте, выделяясь

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

Баннер от Apple

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-анимации, уже устарела.

Заключение

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

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

Оффер в виде баннера → переход на лендинг → подписка на рассылку → Lead Nurturing

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

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

Высоких вам конверсий! 

По материалам: 99designs.com

10-10-2019

Баннерная реклама в интернете | SendPulse Blog

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

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

Что такое баннерная реклама

Рассмотрим основные понятия баннерной рекламы и ее применение.

Баннерная реклама ― это инструмент для привлечения пользователей, который используют на целевых ресурсах: поиск, сайты, площадки-агрегаторы. Это популярный формат, и его используют многие рекламодатели. Баннерная реклама запускается через рекламные кабинеты «Яндекс.Директ» или Google Ads, или заказывается у владельцев сайтов.

Вот как выглядит баннерная реклама на главной странице «Яндекс»:

Баннер на главной странице поисковой сети «Яндекс»

А это пример рекламного баннера на сайте:

Расположение баннеров на сайте

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

Пример блоков на сайте для размещения баннерной рекламы

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

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

Принципы оплаты. В рекламном кабинете «Яндекс.Директ» встречаются два вида варианта запуска баннерной рекламы. Первый ― на сайтах-партнерах, тогда оплата будет за клики. Второй вариант это медийная реклама: например, баннер на главной странице поисковой сети «Яндекс» ― в таком случае оплата идет за показы. В кабинете Google Ads плата за баннер выбирается в зависимости от стратегии.

Пример кампании в «Яндекс.Директ» с оплатой за показыПример РК в «Яндекс.Директ» с оплатой за кликиВыбор стратегии в кабинете Google Ads: оплата за тысячу показов или оплата за клики

Задачи интернет-баннера

  • Привлечение пользователей, которые уже были на вашем сайте. Часто вы можете встретить рекламу с фотографиями товара, который ранее видели. Но для получения конверсий, используйте баннеры, которые раскрывают главные возможности продукта. Либо напомните пользователю о том, что он забыл оформить заявку или подписаться на вас.

Пример: компания «Матрамакс» использовала баннеры с призывом: «Не смогли оформить заявку на сайте? ― Мы ждем вас!». Можно подумать над формулировкой призыва, но в целом создается ощущение, будто обращение идет лично к пользователю. А люди любят внимание.

  • Вывод нового продукта на рынок. Яркий баннер, который презентует новый продукт.

Пример: презентация нового автомобиля, где на баннере есть фотография, название и главное его преимущество.

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

Пример: новые насадки для электрических щеток.

  • Анонс акций, скидок и предложений.

Пример: скидка до 40% на осеннюю коллекцию.

  • Увеличение лояльности целевой аудитории.

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

Автоматизация email рассылок

Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.

Настроить триггерные рассылки

Преимущества баннеров

  • Индивидуальное оформление баннера: фотография, картинка, анимация, интерактив или добавление видео.
  • Нацеленность на несколько категорий аудитории: ориентирование на ЦА, привлечение новых пользователей или показ рекламы на похожую аудиторию.
  • Привлечение тех пользователей, которые уже ранее посещали ваш сайт, но не дошли до заявки. Этот вариант привлечения в «Яндекс.Директ» называется ретаргетинг, а в Google Ads ― ремаркетинг.
  • Гибкие настройки таргетинга: выбор по демографическим признакам и интересам пользователей.
  • Возможность указать варианты взаимодействия с рекламодателем: позвонить по номеру телефона, перейти на сайт, задать вопрос в мессенджере.

Случай из практики: Рекламодатель попросил создать баннер, на котором был логотип, номер телефона и большая надпись «Не кликай, а звони!». Мы подумали, что набор номера будет неудобен для пользователя, но за неделю собрали 18 звонков с креатива. Вывод: выбирайте тот формат взаимодействия, который наиболее удобен вашей аудитории.

Недостатки баннерной рекламы

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

Рекомендуется к прочтению! О том, как бороться с баннерной слепотой, читайте в нашей статье.

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

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

Виды баннеров в интернете

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

По форматам баннеров

  • Статические ― графические изображения в формате PNG или JPEG.
Графический баннер в интернетеГрафический баннер для интернет-магазина
  • Динамические ― сложный анимированный формат или видеовставки в форматах: HTML5, GIF, Java, Flash.
Динамический рекламный баннер в интернетеДинамический рекламный баннер на сайт

По размерам баннеров

Наиболее популярные размеры ― 240х400, 728х90, 300х600, 300х250, 970х250, 640х200.

Важно! Размеры можно выбрать в рекламных кабинетах «Яндекс.Директ» и Google Ads, равно как и на площадках, с которыми вы договариваетесь о размещении баннера.

Пример расположения текста, логотипа и кнопки на баннерах популярных размеров (пример создан в Figma)

По целям рекламной кампании

  • Целевые ― реклама ориентирована на вашу ЦА.

Пример: товары для новорожденных направлены на молодых мам и пенсионеров. Женщины ищут товары для будущего ребенка, а пенсионеры ищут подарки для своих внуков. На каждый сегмент должен быть свой креатив.

  • Информационные ― информация о новинках, скидках, акциях и событиях из жизни компании.
  • Ремаркетинг/ретаргетинг ― реклама, которая возвращает пользователей на ваш сайт.
  • Внутренние ― страницы сайта: товары, информация о компании, доставка.

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

  • Имиджевые ― реклама повышает узнаваемость бренда.

По форме баннеров

  • Форма во всю ширину сайта или экрана:
Баннерная реклама на сайте
  • Модули, которые открываются при наведении курсора:
Пример форматов отображения лайтбоксов Google Ads: формат раскрывающейся рекламы
  • Реклама располагается поверх страницы сайта:
Рекламные баннеры в интернете, которые открываются поверх сайта
  • Баннер, который открывается над сайтом или под ним.
Баннер над страницей сайта
  • BackGround ― баннер располагается на фоне:
Баннера на фоне сайта

Размещение баннерной рекламы

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

Баннеры размещают в рекламном кабинете «Яндекс.Директ» и Google Ads. У каждой системы своя платформа для ведения рекламы и сайты-партнеры, на которых можно размещать баннеры.

Баннерная реклама «Яндекс.Директаю использует форматы размещения на поиске и в сетях: текстово-графические и графические объявления, видео и анимации.

Баннерная реклама Google Ads использует форматы размещения в сетях и YouTube: лайтбоксы (интерактивная реклама, которая открывается при наведении), текстово-графические объявления, графические, анимационные и видеоформаты.

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

Например, рекламодатель занимается товарами для сна ― матрасы, подушки и одеяла. Рекламу можно показывать на сайтах по тематикам: «мебель», «кровати», «постельное белье». Предложения могут быть разные: обновление спального места, матрас под размеры нового каркаса кровати, подушки в подарок при покупке матраса.

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

Как оценить эффективность баннера

Для оценки эффективности отслеживают ряд показателей в системах аналитики («Яндекс.Метрика», Google Analytics, Roistat и другие).

  • Количество показов и кликов.
  • CTR ― показатель кликабельности.
  • Post-view ― анализ имиджевого эффекта от рекламной кампании и креатива. Это конверсии, совершенные через некоторое время после просмотра рекламы.

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

  • Post-click ― анализ кликов после просмотра рекламного объявления. То есть, из каких источников пользователь вернулся на сайт рекламодателя.

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

  • Brand lift ― оценка влиятельности компании на рынке: узнаваемость, запоминаемость и интерес к бренду.
  • Search lift ― сравнение аудитории, которая видела баннер и искала компанию по брендовым запросам, с аудиторией, которая не видела баннерную рекламу, но искала организацию в поисковой сети. То есть процесс оценки брендовых запросов после запуска медийной рекламы.

Заключение

Отличный инструмент для продвижения продукта и повышения узнаваемости бренда ― это баннерная реклама в интернете, примеры которой мы рассмотрели. Для каждой цели продвижения можно создать свое уникальное предложение, оформить креатив по собственному желанию и найти свою ЦА.

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

Регистрируйтесь в SendPulse, чтобы всегда быть в тренде и использовать для работы дополнительные методы продвижения: email, web push, Viber, SMS и через чат-ботов в мессенджерах!

[Всего: 8   Средний:  4.5/5]

Баннерная реклама в Google AdWords за 5 минут

Привет! Сегодня мы с вами разберем один из простых и легких способов протестировать уникальный инструмент AdWords — баннерная реклама. Баннерная реклама используется повсеместно во многих различных системах, но наиболее гибкий и удобный способ ее таргетирования и создания находится именно в AdWords.

Итак, на повестке дня:

  1. Базовые принципы баннерной рекламы.
  2. Создаем кампанию для показа баннеров.
  3. Создаем баннеры из AdWords без дизайнера.

№1. Что нужно знать про баннерную рекламу

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

Рис.1 Примерно так выглядят некоторые интернет сайты в наше время. Наш баннер не должен быть «одним из».

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

Лучше всего начинать показывать баннерную рекламу по списку ремаркетинга. Как мы разбирали в статье «Что такое ремаркетинг«, список пользователей нашего сайта — наиболее теплая и целевая аудитория. И получить результат на этом таргетинге будет наиболее простой и доступной задачей. Однако в таком случае надо не забывать основной посыл: человек должен узнать нас, но мы должны ему предложить действительно вкусную акцию или предложение, чтобы закрыть на покупку.

Рис.2 Хороший пример баннерной рекламы в AdWords.

Итак, в самом простом случае мы получаем 3 базовых правила:

  1. Рекламные баннеры должны выделяться и соответствовать ожиданием нашей ЦА.
  2. Рекламные баннеры должны призывать к конкретному действию.
  3. Рекламные баннеры должны нести конкретное и вкусное предложение.

№2. Как создать правильную кампанию в AdWords

Сейчас частично меняется интерфейс настройки КМС в AdWords. Я разберу способ создания кампании в новом интерфейсе, чтобы не заставлять вас разбираться в нем самим. Однако, если ваш аккаунт не участвует в тестировании, то вы можете создать обычную кампанию на ремаркетинг (подробнее мы рассматривали это в статье «Как заставить ремаркетинг работать на Вас»).

Рис.3 Создание рекламной кампании в новой интерфейсе КМС.

Итак, создаем новую кампанию для контекстно-медийной сети:

  1. Указываем название кампании. Не забудьте отметить, что это баннерная кампания по списку ремаркетинга.
  2. Проверяем настройки соответсвенно скриншоту.
  3.  Указываем маркетинговой целью — «Покупки на сайте».

Рис.4 Настройка рекламной кампании в новом интерфейсе AdWords.

Далее необходимо провести уже знакомые настройки для кампаний:

  1. Отключаем оптимизатор цены за конверсию.
  2. Указываем небольшой бюджет для тестирования (100 руб слишком маленький).
  3. Метод показа устанавливаем: «Ускоренный».

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

Рис.5 Включаем равномерное чередование баннеров в теч. 90 дней, если планируете добавить несколько баннеров для тестирования.

№3. Создание группы и баннеров

Мы подготовили фундамент для нашей рекламы. Далее нам необходимо создать пустую группу объявлений, т.к. баннеры мы будем добавлять отдельно.

Рис.6 Создаем и настраиваем группу объявлений на ремаркетинг.

Заходим в созданную кампанию и выбираем «+Группа объявлений»:

  1. Указываем название группы объявлений.
  2. Указываем ставку. Мы используем модель CPC (оплата за клики). В начале ставку можно использовать повышенную ставку и снизить ее со временем. Ставка определяет опытным путем. Чем меньше аудитория, тем выше необходимая ставка.
  3. Способ таргетирования — аудитории ремаркетинга.
  4. Выбираете аудиторию, по которой будут показываться реклама.

Рис.7 Для добавления баннеров, заходим в группу объявления и добавляем графическое объявление.

Далее заходим в нашу группу объявлений и создаем новое объявление «+Объявление» и выбираем «Графическое объявление». В открытом окне вводим адрес сайта и нажимаем «Сгенерировать объявления».

Рис.8 Указываем сайт, на основе которого будут созданы баннеры

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

Рис.9 Изменяем параметры баннеров, т.к. стандартные тексты обычно не подходят.

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

Рис.10 Страница подбора и настройки баннеров. Обычно очень долго загружается. Чтобы проверить баннеров лучше заходить в каждую группу отдельно.

Если необходимо обновить данные баннеров (заголовки, ссылки, кнопка) нажмите на «Обновить варианты». В блоке «Просмотреть все варианты» вы можете выбрать определенные варианты размеров баннеров (не всегда) или технологию (HTML5/FLASH).

Когда закончите подбирать баннеры, нажмите сверху справа «Сохранить».

Подведем итоги

Рис.11 В процессе написания статьи я создал всего один набор баннеров. Вам я рекомендую подготовить 3-5 «автоматических объявлений».

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

  1. Рекламные баннеры должны выделяться и соответствовать ожиданием нашей ЦА.
  2. Рекламные баннеры должны призывать к конкретному действию.
  3. Рекламные баннеры должны нести конкретное и вкусное предложение.

Не забудьте, что в каждой кампании для КМС необходимо отключать «левые» площадки и тематики. В следующих статьях я расскажу, как создавать правильно рисовать баннеры у дизайнера и размещать рекламу не только по списку ремаркетинга, но еще и по ключевым словам, а так же на YouTube, и получать еще больший результат.

Лайк и Репост статьи уменьшает время до следующей статьи! =)

Получайте бесплатные уроки и фишки по интернет-маркетингу

Как сделать в Google Web Designer анимированные баннеры для рекламных кампаний

Всем привет. Я интернет-маркетолог, специализируюсь на продвижении сайтов и в своем блоге делюсь неочевидными нюансами по теме. Сегодня расскажу, как легко создать анимированные баннеры для рекламных кампаний с помощью бесплатного инструмента Google Web Designer.

Google Web Designer — это бесплатный софт для создания баннеров и страниц в стандарте HTML5 и CSS3.

Преимущества HTML5 баннеров

Данные типы баннеров адаптивные и анимированные, поэтому выделяются в выдаче на фоне статичных баннеров.

Кроме того:

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

Шаблоны в Google Web Designer

При создании баннера сервис предложит создать файл с нуля либо использовать шаблон.

Среди доступных шаблонов:

  1. Динамический ремаркетинг. Один из самых популярных шаблонов для показа сразу нескольких предложений (товаров или услуг). Например, можно показывать туры, недвижимость, автомобили, товары, авиабилеты и многое другое.
  2. App Install. Поможет при создании креатива для рекламы мобильного предложения.
  3. Banner for Display. Специальный формат, который может быть размещен на каждом сайте.
  4. Баннер для Google Ads и AdMob. Универсальный формат, легко продвигающийся среди мобильных устройств.
  5. Data Driven. Показывает по очереди преимущества бренда.
  6. Demonstration. Баннер с интерактивными элементами, например, вывод текста при наведении курсора на изображение.
  7. Expandable. Показывает один большой баннер и несколько маленьких, позволяя продвигать товары/услуги для кросс-сейла.
  8. Floating. Редкий формат, отображается только на ПК.
  9. In-stream video. Показ видео вместо баннера, в последнее время довольно популярная опция.
  10. Interstitial & in-app. Баннер для планшетов для продвижения мобильных приложений.
  11. Lightbox. Универсальный формат, в котором удобно использовать видео, карты и изображения для продвижения товаров и услуг.
  12. Parallax. Создает красивую иллюзию сразу нескольких слоев и быстро загружается.
  13. Rising star. Баннеры с интерактивным форматом, правда, редко используются из-за отображения только на ПК.

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

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

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

Инструкция по созданию баннеров HTML5 в Google Web Designer

В качестве примера создадим баннер для двух инструментов Netpeak Software: Spider и Checker.

Мы будем использоваться баннер 300*600 пикселей — в блоке «Свойства» нужно изменить соответствующие поля.

После в блоке «Библиотека объектов» загрузим все составные части для нашего проекта это:

  • задний фон;
  • логотип Netpeak Software;
  • логотип Netpeak Spider;
  • логотип Netpeak Checker;
  • лого Netpeak.

Для этого кликаем правой клавишей мыши и выбираем «Добавить объект».

После загружаем все необходимые части.

Далее расставляем составные части по нужным местам (при необходимости изменяя их размеры, через «Свойства»).

Добавляем текст к баннеру через панель инструментов.

В итоге получаем такой баннер.

Теперь потребуется расставить кнопки для перенаправления на нужные страницы. Для этого кликаем правой клавишей мыши на нужный объект и выбираем «Добавить событие».

Далее нажмите «Мышь» и затем «Click».

В блоке «Действие» выбираем «Переход».

Здесь только один пункт — «gwd-ad».

Теперь в URL ставим ссылку на нужную страницу.

Все готово и проводим аналогичную операцию со всеми элементами в проекте.

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

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

Расставляем объекты на странице в порядке появления во время анимации.

Далее, нажимая на «+», копируем исходный кадр и получаем его полную копию. Вносим правки и снова копируем. Затем снова вносим правки.

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

После этого проверяем баннер — нажмите «Воспроизведение».

Теперь осталось только сохранить баннер кликнув в правом-верхнем углу на «Файл» — «Сохранить как ZIP-файл».

Пример готового баннера:

Я сохранил на Google Drive архив с баннером, чтобы можно было рассмотреть подробности на каждом этапе создания изображения.

Дизайн баннера

: полное руководство по созданию идеального медийного объявления

Дизайн баннера: полное руководство по созданию идеальной медийной рекламы

Последнее обновление: 5 марта 2020 г.

Итак, вы решили запустить кампанию медийной рекламы. Большой!

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

Эта статья изменит это.

Все эти советы по дизайну баннеров протестированы ведущими рекламодателями мира !

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

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

Приступим.

Как создать отличный баннер?

Каждый успешный дизайн баннера состоит из 6 частей. Это:

  1. Размер
  2. Фон
  3. Заголовок
  4. Подтекст
  5. CTA (Призыв к действию)
  6. Изображение продукта

Плюс 7-я часть, которая часто упускается из виду, но невероятно важна :

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

Какие размеры баннеров мне нужно создать?

Согласно нашим исследованиям, 89% всех показов баннерной рекламы приходится на эти 4 размера:

300 × 250 Средний прямоугольник, 40% инвентаря
728 × 90 полноразмерный баннер — 25% инвентаря
320 × 50 Мобильный полноразмерный баннер — 12%
160 × 600 Широкий небоскреб — 12%

Общее распределение размеров баннеров на карте выглядит следующим образом:

Глобальная частота показа рекламы — наиболее часто используемые размеры баннеров

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

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

Начнем с фона.

2. Как правильно выбрать фон для ваших баннеров

В принципе, есть два способа выбрать фон для медийной рекламы;

  • Сплошной фон
  • Фото-фон

Если вы хотите знать, когда использовать какой, продолжайте читать.

Сплошные фоновые баннеры

Ниже приведен отличный пример баннера с однотонным фоном:

Вы бы нажали на это объявление?

Возможно, вы не сможете разместить John Cena на своих баннерах, но все же есть несколько советов, которые вы можете почерпнуть из этого объявления:

  • Сплошной цветной фон усиливает сообщение и создает естественный контраст с белым фоном CTA.
  • Заголовок Hefty Ultra Strong (или красивое лицо Сины) ничем не отвлекает.
  • Несмотря на то, что фон соответствует цвету продукта, фото продукта красиво обрамляет контрастная черная футболка Сины.
  • Бело-синий логотип Hefty четко выделяется на оранжевом фоне.

Когда мне следует использовать сплошной цвет фона для моих баннеров?

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

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

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

Фото фон баннеры

Если у вас нет физического продукта для демонстрации на ваших баннерах, было бы неплохо использовать фон с фотографиями, как это делает Dell при рекламе своих облачных сервисов:

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

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

Когда мне следует использовать фото-фон для моих баннеров?

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

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

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

Посмотрите ниже:

Скажите честно, на какой из этих двух рекламных баннеров вы бы предпочли щелкнуть?

Я знаю, что выбираю левый каждый день недели — и это не потому, что я большой поклонник Walmart.

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

С другой стороны, баннер слева имеет только заголовок и четкий CTA — это все, что вам нужно.

Это переводит нас к следующему пункту в нашем списке;

Заголовок.

3. Как написать выигрышные заголовки для ваших баннеров

А, копирайтинг. Искусство говорить много, используя очень мало.

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

Давайте посмотрим на некоторых из крупнейших рекламодателей в США:

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

Конечно, это уже крупные бренды, и люди их хорошо знают, но из этой очень успешной рекламы можно извлечь несколько хороших уроков;

  • Будьте краткими и милыми. У людей нет времени бросить то, что они делают, чтобы прочитать ваш баннер из пяти предложений. Если вы не можете сказать это максимум двумя предложениями, возможно, не говорите вообще.
  • Будьте ясны в своем общении. Сотрите пыль со старого элеватора и приспособьте его для своих баннеров. Что вы предлагаете людям и чего вы хотите, чтобы они делали?
  • Будьте остроумны — или не говорите — это не имеет значения. В некоторых рекламных объявлениях используются хитроумные слоганы (Verizon), а в других просто прямо рассказывается, что они продают (подарочные карты Amazon).
  • Попросите людей сделать что-нибудь . Большинство этих баннеров содержат физический глагол .Эти слова подразумевают действие , например:

Netflix сообщает вам См. , что дальше . Google хочет, чтобы вы перешли на Go От нуля до гипермасштабирования . Verizon хочет, чтобы вы Приходи были лучшими в своей области .

«Создавайте заголовки как действие — и люди с большей вероятностью выполнят это действие».

Также важно отметить, что баннеры отличаются от содержимого .

Если вы пишете статью в блоге или рекламу на Facebook, вы, как правило, используете заголовок вроде 5 вещей, о которых вам нужно знать… или 10 секретных советов, которые помогут добиться успеха… , но это не обязательно путь идти с баннерной рекламой.

Здесь главное помнить время , а точнее нехватка времени .

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

Это дает вам серьезное решение, которое нужно принять со следующим пунктом в списке; в подзаголовке.

Делать или не делать? Узнай дальше.

4. Должен ли я использовать подзаголовки для моих баннеров?

Прежде всего, что такое подзаголовок?

Это пара предложений ниже основного заголовка.

Часто люди чувствуют потребность объяснить свое сообщение дальше, и они делают это, добавляя больше текста к своим баннерам.

Давайте посмотрим:

Теперь вы можете подумать, что это ужасно разработанный баннер — но весь образ Dollar Tree построен на том, чтобы быть дешевым.

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

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

Что касается подтекста, на самом деле ничего другого не происходит. не происходит — так что текст в данном случае выровнен.

Ключевой вывод из этой очень простой рекламы:

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

Тем не менее, как правило, следует избегать подзаголовков в своих баннерах, если они не являются очень короткими . Пару слов. Скорее всего, у людей все равно не будет времени их прочитать.

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

5. Следует ли использовать фотографии в баннерах?

Проще говоря, изображения продают.

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

Давайте посмотрим:

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

Лучшая практика — сообщить людям, что они покупают , прежде чем они нажмут .

Баннерные фото для цифровых товаров

Цифровые продукты преуспевают, потому что очеловечивают то, что они продают.

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

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

Instapage, с другой стороны, предложил четкое сообщение и картинку, иллюстрирующую то, что они делают; усиливает ваши мобильные целевые страницы .

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

Конечно, необходимо, чтобы ваша продукция хорошо выглядела 🙂

Совет для профессионалов: Проверьте свои объявления. Для всех ваших дизайнерских усилий правда; вы не знаете, что действительно работает, пока не протестируете его.

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

Вот пример текущего теста:

Huawei показывает две рекламы с одинаковым текстом и изображениями: , но с немного разными вариациями .

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

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

Вы делаете это с помощью призыва к действию (CTA), и если вы хотите знать, как создать хороший, продолжайте читать.

6. Что такое призыв к действию и как его улучшить?

CTA или призыв к действию — это то, что сообщает людям, что делать дальше .

Это естественный инстинкт спросить: « и что теперь? »- и CTA стремится ответить на этот вопрос.

Обычно призыв к действию состоит из двух частей;

Мы рассмотрим оба этих момента, но начнем с цвета.

CTA теория цвета

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

Эти отчеты предлагают интересное понимание человеческого разума; мы приучены по-разному реагировать на разные цвета.

Давайте посмотрим на несколько примеров реальных баннеров:

Это 6 крупнейших страховых компаний США.

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

Вот что говорится в учении психологии цвета :

Что вы, как страховая компания, хотите сказать своим клиентам?

Может быть, вы заслуживаете доверия, надежны и ответственны? Другими словами, синий .

За исключением StateFarm, все объявления в приведенном выше примере содержат элементы синего цвета.

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

Итак, цвет CTA? В чем секрет?

Что ж, взгляните еще раз на этот баннер от Allstate:

У него синий фон и желтый призыв к действию. Почему желтый?

Потому что это полная противоположность синему :

Опять же, за исключением StateFarm, все баннеры выше используют вариант CTA противоположного цвета.

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

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

Текст CTA

Выбирая текст для вашего CTA — спросите себя: , что вы хотите, чтобы люди делали ?

Вот 3 баннера с крупнейших в мире сайтов по онлайн-ставкам и покеру:

Букмекеры обычно хотят, чтобы люди играли — сейчас .

Что они хотят от вас?

  • Они хотят, чтобы вы играли или делали ставки — и они хотят, чтобы вы это делали сейчас .

Что делать, если вы продаете физические товары? Что вы хотите, чтобы люди делали?

Давайте посмотрим:

Если вы продаете физические товары — вы хотите, чтобы люди делали покупки сейчас .
  • Вы хотите, чтобы люди делали покупки — сейчас .

А как насчет цифровых продуктов с более длинным циклом продаж? Ваши клиенты могут быть не готовы купить ваш продукт сейчас .

Что вы хотите, чтобы они сделали?

Это:

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

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

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

Это, естественно, подводит нас к бонусному пункту в этом списке. То, что часто упускают из виду;

Куда вы ведете людей, когда они нажимают на объявление?

Далее: целевые страницы.

7. Почему

всегда имеет специальную целевую страницу

Основная теория целевых страниц такова;

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

Посмотрите ниже:

Убедитесь, что ваши целевые страницы соответствуют предложению объявления.

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

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

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

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

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

Я рекомендую прочитать его, прежде чем запускать следующую медийную кампанию.

Собираем все вместе

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

В заключение, вот краткий контрольный список вещей, которые следует учитывать при планировании кампаний:

  1. Размеры баннеров
  • Если вы только начинаете, 4 размера охватят 89% всех мест размещения;
    • 300 × 250 Средний прямоугольник
    • 728 × 90 полноразмерный баннер
    • 320 × 50 мобильный полноразмерный баннер
    • 160 × 600 широкий небоскреб

2. Фон

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

3. Заголовок

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

4. Подзаголовок

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

5. Изображение продукта

  • Если у вас красивый товар, покажите его!
  • Четкие изображения товаров и ясное сообщение о продаже товаров.

6. CTA

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

7. Целевая страница

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

Развлекайтесь, создавая свои баннеры — и думайте о том, что вы хотите сказать людям, и все будет хорошо!

Вы знаете кого-нибудь, кому нужны советы по дизайну? Поделитесь этой статьей, и они могут купить вам обед.

Спасибо

Генеральный директор и соучредитель Match3One, обожает все цифровое, потому что стремится сделать алгоритмические продажи доступными для малого и среднего бизнеса!

Free Banner Maker: создайте свой баннер с помощью онлайн-шаблонов

Создавайте собственные баннеры для любой платформы.

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

Создайте свой баннер сейчас

Как сделать баннер.

Начни с вдохновения.

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

Сделайте ремикс, чтобы сделать его своим.

Есть много способов персонализировать шаблоны баннеров.Измените копию и шрифт. Добавьте изображения к своим фотографиям. Или просматривайте тысячи бесплатных изображений прямо в Adobe Spark. Уделите столько времени, сколько захотите, чтобы сделать графику своим. В премиум-плане вы даже можете автоматически применять логотип, цвета и шрифты вашего бренда, так что вы всегда будете #onbrand.

Поднимите чутье.

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

Измените размер, чтобы контент стал еще шире.

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

Сохраните свой баннер и поделитесь им.

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

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

Воспользуйтесь всеми возможными способами создания баннеров Adobe Spark, чтобы проявить творческий подход.Вы можете создавать баннеры для обложек и заголовков в социальных сетях, таких как Facebook, Twitter, LinkedIn, YouTube и т. Д. Найдите доступные предварительно заданные размеры в рабочем пространстве Adobe Spark. Другой способ использовать инструмент для создания баннеров — создать баннер, который затем можно будет вставить в текстовый редактор (например, Microsoft Word) для использования в качестве настраиваемого фирменного бланка. Создайте его для распечатки в большом формате, чтобы повесить на вечеринке по случаю дня рождения, детском празднике или выпускном вечере.

Брендовые баннеры для бизнеса.

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

Как создать рекламные баннеры для кампаний в контекстно-медийной сети

(Все рекламные баннеры, показанные в этом сообщении, служат иллюстративным целям и не должны восприниматься как одобрение.)

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

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

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

Это была одна из моих первых попыток, которая не прошла по очевидным причинам:

* Shudder *

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

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

Итак, без лишних слов, давайте проверим эту гипотезу.

Какие инструменты вам понадобятся для создания баннерной рекламы?

Боюсь, MS Paint не подойдет для этого. Вместо этого мы рассмотрим три маркетинговых инструмента, которые я регулярно использую для создания креативов.

Canva — отправная точка для создания универсальных рекламных баннеров

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

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

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

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

Photoshop — решение премиум-класса для профессиональной баннерной рекламы

Когда ваши творческие амбиции переросли Canva, следующим инструментом, который стоит попробовать, станет Photoshop. Надо сказать, что кривая обучения здесь довольно крутая, но оно того стоит. Если вы хотите создавать профессиональные эффекты тени, кнопки с градиентом, использовать сложные шрифты, включать освещение, использовать 3D, создавать особые формы, вырезать людей или скрывать недостатки, Photoshop — это инструмент, который вам нужно использовать.

Чтобы получить потрясающие уроки по Photoshop, посетите каналы Blue Lightning TV и Mir Rom на Youtube.

Google Webdesigner — Создавайте анимированные рекламные баннеры бесплатно

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

Инструмент был разработан для начинающих, но еще предстоит немало обучения. Начните с создания ресурсов в Photoshop и импорта их в Google Webdesigner. Затем вы можете добавить много разных типов анимации.

Мои принципы создания рекламных баннеров

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

Above The Fold Брайана Миллера и Элементы графического дизайна Алекса Уайта.

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

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

1. «Лучше быть хорошим, чем оригинальным» (Людвиг Мис фон дер Роэ )

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

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

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

После того, как вы воплотили свои любимые аспекты в понравившемся дизайне, добавьте свою цветовую палитру, брендинг и UVP (уникальное ценностное предложение), чтобы сделать его своим.

2. Сделайте свое сообщение максимально ясным!

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

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

  • Оптимизируйте размер, стиль и цвет шрифта. Текст на изображении должен быть легко читаемым. Чтобы добиться этого, убедитесь, что вы выбрали цвета для шрифта и фона, которые контрастируют друг с другом; черно-белое — очевидный пример. Для начала попробуйте выбрать более темный фон и более светлые цвета шрифта. Если у вас возникли проблемы с выбором правильных цветов, воспользуйтесь удобным инструментом выбора цвета. Кроме того, убедитесь, что ваш шрифт достаточно большой, чтобы ваш UVP был удобочитаемым с первого взгляда.При разработке постарайтесь выделить те слова, которые больше всего хотите видеть вашей аудиторией. Наконец, будьте последовательны в выборе шрифта во всем объявлении. В идеале он должен быть идентичен тому, что есть на вашем сайте.
  • Сделайте фон простым. По мере изучения Canva или Photoshop соблазн использовать «свежий» фон может стать непреодолимым.
  • Сопротивляйтесь этому побуждению. Вместо этого выберите мягкий градиент, который начинает светлее вверху, но становится темнее внизу.Этот фон будет «всплывать», делая ваш текст заметным.
  • Сведите текст к минимуму. Новые рекламодатели часто пытаются загрузить в объявление как можно больше информации. Ниже приводится рекламный баннер, который не соответствует нашим правилам.
  • В результате практически невозможно сказать, что рекламирует этот баннер. Скорее всего, вы видите, что это предлагает экономию, но посторонний текст рассеивает ваше внимание, и непонятно, о чем идет речь.Потенциальные клиенты потратят лишь долю секунды на просмотр вашего рекламного баннера, поэтому ваше сообщение должно быть четким с первого взгляда.

3. Ключевые особенности, которые нужно включить в каждый рекламный баннер

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

  • Ваш логотип
  • Уникальное ценностное предложение ваших продуктов
  • Кнопка призыва к действию
  • Добавлен крючок (бонус или преимущество продукта)

Для начала попробуйте установить Ваш рекламный баннер размещается в следующем порядке:

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

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

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

Чтобы включить товар или улыбающегося человека в баннерную рекламу, потребуются немного более продвинутые навыки дизайна. В частности, вам понадобится Photoshop и доступ к сервису стоковых фотографий, например Adobe Stock. Для начала посмотрите это отличное видео о том, как создавать профессиональные изображения продуктов для баннерной рекламы в Photoshop.

Создание анимированных рекламных баннеров в Google Webdesigner

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

К счастью, Google предоставил бесплатный инструмент для создания анимированных баннеров HTML5, который называется Google Webdesigner. Этому инструменту посвящены два отличных канала на Youtube. Один принадлежит Google, а другой — более продвинутые Swift-баннеры. Оба содержат очень подробные сведения, и их стоит проверить.

Здесь я хочу остановиться на некоторых деталях, о которых я хотел бы знать с самого начала.

  1. Сначала создайте все ресурсы в Photoshop. У вас может возникнуть соблазн создать фон, кнопки и другие ресурсы в Google Webdesigner. Не делай этого. Программное обеспечение разработано специально для добавления анимации, и создание полезных ресурсов с его помощью редко работает. В результате на это уходит гораздо больше времени, чем в Photoshop или Canva.
  2. Google Adwords имеет ограничение на размер файла 150 КБ. Заманчиво добавить как можно больше анимации, когда вы освоите инструмент. Это приведет к тому, что размер вашего файла значительно превысит ограничение в 150 килобайт, установленное для Adwords. Вместо этого ограничьте каждый рекламный баннер двумя анимациями и уменьшите размер изображений. Это должно уменьшить размер файла вашего анимированного баннера.
  3. Непрозрачность — это король. Если вы только начинаете работать с Google Webdesigner, не стесняйтесь задавать любые вопросы, которые могут у вас возникнуть, в группе Telegram.Я с радостью отвечу на них, если смогу. А пока вам следует поиграть с непрозрачностью различных ключевых кадров. Установив непрозрачность вашего первого ключевого кадра на 0 и 1 для следующего ключевого кадра, вы можете легко создать простую анимацию для любого выбранного актива.
  4. Реализовать баннеры html 5 в WordPress непросто. Если бы вы сказали мне, что реализация анимации в WordPress будет сложной задачей, я бы усмехнулся вам в лицо. Конечно, два гиганта Google и WordPress нашли бы отличный способ интегрировать эту ключевую функцию? Что ж, они этого не сделали.Вместо этого вам нужно выполнить следующие шаги, чтобы интегрировать анимированный баннер html 5 на вашу страницу WordPress или сообщение. Шаг №1: опубликуйте свою анимацию локально из Google Webdesigner. Шаг № 2: Загрузите загруженный zip-файл в WordPress (Медиа -> Добавить новый) Шаг № 3: Откройте страницу HTML-файла в WordPress и скопируйте URL-адрес, на котором он размещен. (У меня вверху справа) Шаг 4. Добавьте теги iframe.

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

Заключение | Как создавать рекламные баннеры

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

Я особенно рекомендую канал Мира Рома на Youtube и Blue Lightning TV для руководств по Photoshop и Swift-баннеры для пошаговых руководств Google Webdesigner.

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

Спасибо, что прочитали 🙂

Как создать баннерную рекламу

Медийная реклама | Читать 7 мин

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

Эффективный дизайн баннерной рекламы

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

Планирование рекламного баннера

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

Какова моя цель создания баннера?

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

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

Кто моя целевая аудитория баннерной рекламы?

Далее следует подумать о своей целевой аудитории. Вы должны спросить себя: кто моя целевая аудитория? Чего они хотят? Каковы их потребности и проблемы? Что заставит их нажать на баннерную рекламу?

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

Какая информация и ресурсы мне нужны?

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

Написание копии вашего баннера

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

Какое сообщение вы пытаетесь передать? Это должно быть вашей ключевой мыслью при написании текста рекламного баннера. Подумайте об общей цели вашего рекламного баннера и основывайте на ней свой текст. Если вы предлагаете скидку, используйте заманчивую копию, например «Распродажа! -70% », в котором четко указано, что вы предлагаете.

При написании текста вы также должны помнить, что ваша орфография и грамматика должны быть хорошими, и если вы переводите свои баннеры на множество разных языков, вы должны убедиться, что копия работает и одинаково эффективна на всех разных языках: don ‘ Не полагайтесь только на переводческие сайты, попросите кого-нибудь, кто знает язык, проверить копию!

Визуальные элементы на вашем рекламном баннере

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

Использование цвета в дизайне баннерной рекламы

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

Кредит инфографики: The Logo Company

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

Использование шрифтов в дизайне баннерной рекламы

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

Графика и изображения в дизайне баннерной рекламы

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

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

Как эффективно использовать анимацию в своем дизайне

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

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

Как протестировать дизайн баннерной рекламы

Есть только один надежный способ увидеть, улучшился ли дизайн вашей баннерной рекламы, — это протестировать баннерную рекламу. Лучший способ проверить свои рекламные баннеры — использовать A / B-тестирование. Это позволит вам опробовать два или более варианта вашего рекламного баннера, чтобы увидеть, какой из них более эффективен для увеличения количества переходов по ссылкам, потенциальных клиентов и продаж.Затем вы сможете увидеть, какой из ваших дизайнов наиболее эффективен, и продолжить создание успешных рекламных кампаний. Также попросите обратную связь от коллег, клиентов или вашей целевой аудитории на форумах в Интернете. Это поможет вам улучшить свой рекламный баннер и увидеть, какова на него общая реакция.

С такой платформой, как Bannerflow, создавать замечательную медийную рекламу очень просто.

Поделиться статьей

6 эффективных советов по дизайну для создания баннерной рекламы

Последнее обновление: 18 декабря 2019 г.

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

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

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

Вот 6 эффективных советов по дизайну для создания баннерной рекламы

01. Правильно расставляйте приоритеты и структурируйте элементы баннерной рекламы:

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

a. Название / логотип вашей компании

b. Ценностное предложение

c. Визуальное представление вашей услуги / изображение

d. Кнопка призыва к действию

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

Размер ваших рекламных баннеров также имеет значение. В следующей таблице показаны стандартные размеры различных рекламных баннеров:

Вы также можете ознакомиться с Руководством Google по размерам объявлений здесь.

2. Используйте кнопку с призывом к действию, выделенную жирным шрифтом:

Соответствующая кнопка с призывом к действию выполняет две важные функции:

a. Снижает трение для клиентов

б. Повышает рейтинг кликов вашего объявления

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

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

Вот еще несколько практических советов по созданию кнопок призыва к действию:

  • Сделайте кнопку призыва к действию отчетливой и легко узнаваемой.Он должен иметь форму прямоугольника (возможно, с закругленными краями).
  • Не делайте кнопку призыва к действию слишком маленькой, чтобы ее можно было заметить. Но не делайте его слишком большим по сравнению с другими частями рекламы.
  • Кроме размера кнопок, следите за шрифтом. Текст призыва к действию должен быть легко читаемым. В противном случае зрители могут проигнорировать это.
  • Будет лучше, если текст призыва к действию будет вызывать ощущение срочности. Вот некоторые из слов, которые вы можете добавить: «Сегодня», «Сейчас» и т. Д.
  • Использование таких терминов, как «Покажи мне», «Зарегистрируйся» иногда лучше, чем «Щелкните здесь» или «Зарегистрируйся». Хотя это не конкретное правило, обычно местоимения You, Me и т. Д. Легко привлекают внимание людей.

03. Выбирайте изображения с умом:

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

Вот несколько советов по выбору идеального изображения —

a. Не используйте фотографии, если они вам не нужны:

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

Использование типографики — еще одна тенденция в дизайне рекламы. Пример:

Индивидуальная типографика поможет вашей рекламе выделиться.

б. Применение фильтров и графики к фотографиям:

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

с. По возможности используйте изображения с привязкой к местоположению:

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

г. Фотографии счастливых лиц:

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

04. Используйте правильную комбинацию цветов:

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

Тем не менее, можно выяснить некоторые общие правила относительно выбора цвета в онлайн-рекламе. Обычно молодых людей привлекают цвета с длинными волнами (более светлые цвета). Пожилые люди предпочитают более темные цвета.

Чаще всего цвет, используемый в ваших объявлениях, должен быть связан с вашими продуктами. Например: зеленый — отличный выбор к натуральным продуктам.Фиолетовый хорош для дорогих вещей. Цвет фона объявления существенно влияет на то, как текст и кнопки будут отображаться для зрителей.

[Источник: комбинации цветов]

Следующая таблица может дать вам приблизительное представление о настроении разных цветов. Но подобные представления не всегда точны.

05. Метафорические или сюрреалистические визуальные эффекты:

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

Вот два примера:

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

06. Создайте ощущение движения:

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

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

Вот пример:

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

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

Ищете нового графического дизайнера? Если да, позвоните нам по телефону + 1-855-699-2851 [время для звонка с 9:00 до 18:00 EST (США)] или зарегистрируйтесь для бесплатной консультации по дизайну

Заключение

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

Получите свой дизайн баннерной рекламы

Как создать баннеры для вашего бизнеса?

Последнее обновление: 28 апреля 2021 г.

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

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

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

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

Статистика говорит…

Учитывая полезность баннеров, их доля на общем рекламном рынке неуклонно растет. Согласно исследованию, рынок баннерной рекламы был третьим по величине рынком с мировым доходом в размере 55,9 млрд долларов США в 2018 году . К 2023 году выручка вырастет до 70,7 млрд долларов США. Это огромно!

Однако, прежде чем вы начнете создавать баннеры с помощью средства создания баннеров , рассмотрите некоторые основы дизайна.Здесь мы подробно рассказали о

  • Что такое веб-баннер?
  • Как использование баннера может помочь в вашем бизнесе?
  • Какова роль баннеров в маркетинге?
  • Как выбрать цветовую схему при создании баннера?
  • Как создавать различные типы баннеров?

И т. Д.… И т. Д.…. Поехали….

Ищете дизайн баннера?

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

Что такое веб-баннер?

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

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

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

Роль баннеров в маркетинге

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


Вот некоторые из ключевых преимуществ баннеров в маркетинге:
i. Экономично

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

ii. Платите, когда кто-то нажимает

Если ваша баннерная рекламная кампания является частью программы PPC, вы платите веб-сайту или серверу только тогда, когда какой-то посетитель щелкнул объявление.Таким образом, ваша стоимость управляема, поэтому вы платите только за посетителей, приходящих на ваш сайт.

iii. Быстро привлекайте внимание клиентов

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

iv. Увеличение клиентского трафика

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

v. Ориентация на определенную аудиторию

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

vi. Объявите о привлекательных скидках

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

Как баннеры могут помочь вашему бизнесу?

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

Вот ключевые вещи, которые баннеры могут сделать для вашего бизнеса:

i. Создайте имидж бренда

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

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

ii. Получить статистику кампании

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

iii. Точно целевая аудитория

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

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

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

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

i. Выберите свою ширину и высоту в соответствии с вашим дизайном, чтобы установить макет.

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

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

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

Как выбрать цветовую схему?

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

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

Итак, рассмотрим эмоции, которые вызывает каждый цвет.

i. Красный

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

ii. Синий

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

iii. Оранжевый

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

iv. Коричневый

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

v. Желтый

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

vi. Зеленый

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

vii. Purple

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

viii. Белый

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

ix. Black

Black — это послание силы, таинственности, мужественности, формальности и даже элегантности.

Как выбрать гарнитуру?

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

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

Учитывайте эти советы при создании текста:

i. Используйте сверхбольшой заголовок

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

ii. Создание субтитров разными шрифтами

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

iii. Подумайте о том, чтобы увеличить пространство между буквами

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

iv. Попробуйте большие и тонкие шрифты

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

v. Выделение слов путем добавления цветов

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

Каковы основные соображения при создании баннера?

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

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

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

Какие типы баннеров?

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

Среди рекламных платформ выделяются Google, Microsoft, Facebook и Amazon. Эти рекламодатели предлагают свои варианты, когда вы думаете о создании баннеров и рекламных мест. Эти параметры определяют размер и форму веб-баннера, которые вы выбираете. Однако наиболее часто используемым веб-баннером является баннер контекстно-медийной сети Google размером 468 x 60 пикселей.

Что следует учитывать при создании баннерной рекламы в контекстно-медийной сети Google?

Контекстно-медийная сеть Google может отображаться на всех сайтах партнеров сети Google, таких как YouTube, Blogger, Gmail и Google Finance. Мобильные сайты и приложения также являются частью этой сети.

Однако при отображении рекламных баннеров на различных партнерских платформах Google вы должны следовать некоторым рекомендациям поисковой системы:

i. Убедитесь, что вы используете изображения, которые легко распознать и четкие.Также следует избегать ярких фонов.

ii. Вы должны использовать все пространство для баннера.

iii. Избегайте имитации содержания сайта, текстовых объявлений или новостей.

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

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

Google Display Network Ad Places & Specifications

В настоящее время Google предлагает 10 типов баннеров с точки зрения ориентации и размеров дисплея. Вот список.

Тип баннера Ориентация дисплея Размер (ширина x высота) Форматы изображения

— полноразмерный баннер 728 x 90 пикселей JPEG, SWF, PNG или GIF.

— Встроенный прямоугольник 300 x 250 пикселей JPEG, SWF, PNG или GIF.

— Большой прямоугольник 336 x 280 пикселей JPEG, SWF, PNG или GIF.

— Объявление на половину страницы размером 300 x 600 пикселей в формате JPEG, SWF, PNG или GIF.

— Большой полноразмерный баннер по горизонтали 970 × 90 пикселей JPEG, SWF, PNG или GIF.

— Стандартный баннер по горизонтали 468 × 60 пикселей JPEG, SWF, PNG или GIF.

— Небоскреб Вертикальный 120 × 600 пикселей JPEG, SWF, PNG или GIF.

— Широкий небоскреб Вертикальный 160 × 600 пикселей JPEG, SWF, PNG или GIF.

— Квадрат Н / Д 250 × 250 пикселей JPEG, SWF, PNG или GIF.

— Маленький квадрат Н / Д 200 × 200 пикселей JPEG, SWF, PNG или GIF.

Единственный размер рекламы, который недоступен на настольных компьютерах / планшетах, но доступен на мобильных устройствах высокого класса:

— Mobile Leaderboard 320 x 50 пикселей JPEG, SWF, PNG или GIF.

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

Microsoft Audience Ads, ранее Bing Ads , отображаются во всех сетях Microsoft Audience Network. Он еще не опубликовал свой список партнеров, но то, что Microsoft Office и MSN.com являются его партнерами, что известно почти всем. Эта рекламная платформа предлагает шесть типов баннерной рекламы.

Вот основные моменты, которые следует учитывать при создании рекламных баннеров для Microsoft:

i. Только отправка изображений

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

ii. Изображения стиля жизни работают лучше

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

iii. Не накладывайте текст

Не используйте призыв к действию, логотип или любую кнопку на изображении, поскольку это противоречит политике Microsoft.

iv. Сделайте смысл объявления понятным

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

Какие размеры у баннера или изображений Microsoft?

Вы должны учитывать эти размеры изображений на платформе Microsoft

Wide Image

i. Рекомендуемые размеры изображения: 1200 x 628 пикселей.

ii. Минимальные размеры изображения: 760 x 400 пикселей.

iii. Максимальные размеры изображения: 2592 x 2048 пикселей.

iv. Допустимые типы файлов: JPEG, PNG и GIF (без анимации).

Квадратное изображение

i. Рекомендуемые размеры изображения: 1200 x 1200 пикселей.

ii. Минимальные размеры изображения: 760 x 400 пикселей.

iii. Максимальные размеры изображения: 2592 x 2048 пикселей.

iv. Допустимые типы файлов: JPEG, PNG и GIF (без анимации).

Как создать баннеры для баннерной рекламы аудитории Facebook?

Реклама в Facebook отображается на Facebook или в сети Facebook Audience Network. Большинство баннеров на Facebook — это реклама на основе изображений. Вот описание.

Советы по созданию баннеров Facebook и обложек Facebook

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

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

Вот важные советы:

i. Размер Фото обложки Facebook и рекламный баннер справа

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

Согласно обновленной информации о размере обложки, она должна быть 820 пикселей в ширину и 312 пикселей в высоту на компьютерах. На смартфонах он должен быть 640 пикселей в ширину и 360 пикселей в высоту.

Говоря о Facebook Banner Ad, рекомендуемый размер изображения составляет 1200 x 628 пикселей с минимальной шириной и высотой 600 пикселей.

ii. Выберите правильное изображение

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

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

iii. Добавить CTA

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

iv. Сделайте его совместимым с вашим брендом

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

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

v. Сделайте его общедоступным

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

vi. Сохраняйте простой дизайн

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

vii. Избегайте использования слишком большого количества текста

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

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

Amazon Advertising позволяет размещать баннерную рекламу на Amazon и сайтах партнеров. На этом сайте вы можете изучить девять вариантов размера баннерной рекламы.Объявления на этой платформе также известны как объявлений с ценой за клик [CPC] Ads . Но эти объявления также основаны на цене за тысячу показов, что рентабельно для малого бизнеса. С помощью рекламы продавцы могут привлечь целевых клиентов к своим спискам товаров.

Ваше объявление будет отображаться на боковой панели, которая находится прямо под кнопкой Amazon «Добавить в корзину ». Эти рентабельные объявления представляют собой контент на основе ключевых слов, который особенно предпочтителен для охвата широкого круга клиентов и высокой конверсии.

Помните об этих основах при создании баннерной рекламы для платформы Amazon:

i. Заголовок

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

ii. Включите вашу торговую марку

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

iii. Дайте описание продукта

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

iv. Не забудьте свой логотип

Ваш баннер также должен содержать логотип вашего бренда на видном месте. Он появится сбоку на вашем продукте.

Какие размеры баннеров разрешены на Amazon?

У вас есть три размера баннеров на выбор при создании рекламы на платформах Amazon. Эти размеры предназначены для размещения объявлений 300 x 250, 160 x 600 и 300 x 600. Вы можете разместить эти объявления на главной странице над сгибом (ATF), домашней странице ниже сгиба (BTF), поиске в небоскребе, прочтении всех обзоров (RAR), странице сведений и странице благодарности.

Если вы хотите отображать только изображение продукта, то эти объявления доступны в местах размещения 970 x 250 и 980 x 55 . Вы можете разместить такие объявления на главной странице ниже сгиба (BTF), странице подробных сведений ниже сгиба (BTF), странице сделок (ATF), странице списков предложений (ATF).

Для мобильного Интернета Amazon для смартфонов размеры объявлений для всех мест размещения 320 x 50, 414 x 125 и 300 x 250 .В приложении Amazon Mobile Shopping для смартфонов размеры объявлений доступны для всех мест размещения 320 x 50, 414 x 125 и 300 x 250, кроме страницы поиска.

Как создать баннер YouTube или оформление канала YouTube?

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

Чтобы создать баннер YouTube или оформление канала YouTube, следуйте этим советам:

i. Используйте полужирные цвета

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

ii. Добавьте ваш логотип

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

iii. Добавить значки

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

iv. Используйте наглядное фоновое изображение

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

v. Добавьте некоторую структуру

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

Каков идеальный размер баннера YouTube?

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

YouTube установил размер изображения: 2560 пикселей в ширину и 1440 пикселей в высоту. Однако вы можете выбрать из различных требований к размерам. Эти размеры включают:

i. Минимальная безопасная область для текста и логотипов: 1546 x 423 пикселей.

ii. Максимальная ширина должна быть 2560 x 423 пикселей. При таком размере контент будет виден независимо от размера экрана.

iii. Максимальный размер файла: 4 МБ (но размер файла может быть меньше).

iv. Минимальные размеры файла: 2048 x 1152.

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

Теперь, когда вы знаете о требованиях к созданию баннеров YouTube, как насчет того, чтобы сделать эту работу самостоятельно. Даже если вы не являетесь профессиональным дизайнером, вы можете воспользоваться помощью Designhill YouTube Banner Maker Tool.Этот инструмент лучше всего подходит для создания баннеров без посторонней помощи. Для малого бизнеса этот инструмент особенно полезен для экономии средств.

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

Чем может помочь конструктор баннеров от Designhill?

С конструктором баннеров Designhill вы получите неограниченное количество идей для создания баннеров, готовые к печати дизайны, векторные файлы с высоким разрешением, 100% настраиваемый дизайн, ваши полные авторские права на дизайн и круглосуточную поддержку клиентов.

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

Ищете нового графического дизайнера? Если да, позвоните нам по телефону + 1-855-699-2851 [время звонка с 9:00 до 18:00 по восточному стандартному времени (США)] или зарегистрируйтесь для бесплатной консультации по дизайну

Заключение

Баннеры среди наиболее эффективных рекламных объявлений, которые бренд может выбрать для показа своей аудитории.Поскольку это чистые и большие визуальные эффекты на веб-сайте, вы можете надеяться на большее превращение посетителей в покупателей ваших продуктов или услуг. Но основные платформы, такие как Google, Facebook, YouTube и Amazon. У каждой из этих социальных платформ есть свои правила, которым вы должны строго следовать.

Получите свой дизайн баннера

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

Читать 5 мин

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

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

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

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

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

Знайте свои размеры.

Баннеры имеют несколько стандартных размеров, в зависимости от того, где вы их размещаете. Google AdSense оценил самые эффективные размеры объявлений и местоположения. К ним относятся:

  1. полноразмерный баннер — 728 x 90
  2. половина страницы — 300 x 600
  3. большой прямоугольник — 336 x 280
  4. средний прямоугольник — 300 x 250
  5. большой мобильный баннер — 320 x 100

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

Убедитесь, что вы выбираете лучшее для своих целей.

Знайте три B: бренд, шум и барсук.

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

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

Во-вторых, гудит. Это требует использования слова, которое действительно выделяется и заинтересует людей. Бесплатная — популярная и эффективная программа, например «бесплатная пробная версия» или «ограниченное по времени предложение».

В-третьих, есть барсук. Нет, это не маленькое животное. Он подталкивает людей переходить по вашей ссылке с помощью призыва к действию (CTA).Шумиха может усилить эту назойливость, внушая зрителю ощущение срочности.

Связано: 5 советов по созданию убийственной рекламной кампании в Facebook

Выберите подходящий инструмент.

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

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

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

Связано: Как запустить эффективную рекламу в Instagram

Никогда не недооценивайте силу CTA.

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

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

Будь простым, глупым.

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

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

Связано: Нативная реклама — основа бизнеса в этих трех отраслях

Рассмотрите движущиеся изображения.

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

Они, как правило, дороже, но стоит потратить больше на рекламу, которая окажет большее влияние. Эта кампания — хороший пример.

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

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