Когда нужно сделать баннер, а вы не дизайнер...

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

Особенности создания баннера для email-рассылки

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

Опять пригодится модель AIDA:

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

A — Attention (внимание)

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

I — Interest (интерес)

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

D — Desire (желание)

Желание получить выгоду, обещанную на баннере.

A — Action (действие)

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

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

Баннер взял на себя всего 15–17% кликов, но переходы по письму значительно увеличились, т. к. внимание клиентов «захватили» и он понимает о чём письмо и чего от него хотят.

Кнопка призыва может быть как на баннере, так и под ним. Когда мы проводили А/Б тест и проверяли нужна кнопка на баннере или под, оказалось, что разница не принципиальна, главное, чтобы она просто была.

И есть ещё одна буква:
S — Satisfaction (удовлетворение).

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

Подготовка баннера для email рассылки:

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

— Karol K.

Серьёзно, вы верите, что подписчик открыв письмо в первую очередь подумает: «Фу, кнопку на баннере нужно было поднять на 2 пикселя» Нет, он будет искать выгодных предложений! Тот, кто хочет докопаться до вашего письма и так найдёт 100 и 1 причину, даже без баннера. Суть не в том, чтобы создать самый гениальный и красивый баннер — важно захватить внимание. Попробуем систематизировать наши знания, чтобы вы могли легко создавать баннеры.

Размещение баннера

Популярны несколько вариантов размещения баннера: под хедером (перед основным текстом письма) и после первого абзаца.

Есть ещё варианты, как письма из баннеров, но об этом немного позже. Пока в наших тестах одинаково хорошо работают оба варианта, поэтому они имеют право на жизнь.

Количество баннеров

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

Оформление и содержание баннера

Просто красивая картинка, которая никак не связана с предложением, вряд ли пробудит желание у пользователя. Хотя бывают и исключения — девушки:) На девушек кликают хорошо — это нам твердят дизайнеры, показывают тесты, да и собственное поведение. Пример баннера из рассылки Showrooms.ru.

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

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

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

Главное, чтобы кнопка на баннере выделялась: формой, цветом, размером текста. Например, такой самозаполняющийся чек-лист.

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

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

Пример того, какие баннера делает Kinderly:

Анимированные баннеры:

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

Для сложной анимации придётся обратиться к дизайнеру, но с простой анимацией из нескольких кадров вполне можно справиться и самостоятельно.

Делайте красивые рассылки

Зарегистрироваться

Текстовое наполнение:

Контрольная проверка

Посмотрите несколько секунд на баннер — всё понятно?

И ещё:

Примеры простых, но эффективных баннеров

Я собрала (на мой взгляд) баннеры, которые захватывают внимание несмотря на простоту в оформлении.

Ограниченное количество

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

Уникальность предложения

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

Эмоции

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

Просто захватите внимание

Сразу крикнули на людей: "Распродажа!" И они уже понимают о чём будет дальше идти речь. Такие варианты хорошо подходят, если нужно рассказать о нескольких спец.предложениях. Сначала привлекаем внимание читателя, а затем расшифровываем какие скидки ждут на сайте, их %, срок действия и т. д.

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

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

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

Исключение могут составлять:

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

До новой встречи! ;)

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