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

Изучила исследования аналитиков и мнения специалистов email-маркетинга и написала для сайт колонку с трендами в дизайне email-рассылок в 2017 году.

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

Тренды 2016 года, которые будут жить в 2017 году

1. Адаптивный дизайн

Смартфоны победили десктоп. Согласно исследованиям Litmus, 55% писем открывают на мобильных устройствах. В 2017 году тенденция сохранится, поэтому самое время проверить свои рассылки на адаптивность. Руководствуйтесь основными принципами:

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

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

Разные CTA для мобильных и десктопа

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

Адаптивное меню

На что обращать внимание

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

2. Интерактивность

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

Интерактивные элементы работают на CSS3, а спроектированы могут быть, например, в Adobe Experience Design или Sparkbox . Задача таких инструментов - помочь сосредоточиться на контенте, а не на вёрстке.

На что обращать внимание

Сегодня существует множество почтовых клиентов - десктопные приложения (например, Microsoft Outlook, AOL, Thunderbird), веб-сервисы (Gmail, Mail.Ru Group), мобильные клиенты. В зависимости от того, какие технологии они используют, ваши дизайнерские изыскания в виде CSS-анимации будут работать или не работать в разных клиентах. Стоит предусматривать упрощенные варианты отдельных блоков и прописывать их в media queries.

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

3. GIF-анимация

Анимированные изображения - ещё один способ «оживить» рассылки. У них есть одно важное преимущество - простота производства. В то же время гифки способны наглядно продемонстрировать продукт в действии - поэтому, несмотря на то, что поклонники CSS предрекают скорейшую гибель GIF-анимации, та будет жить и процветать еще долго.

На что обращать внимание

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

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

4. Векторные изображения

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

На что обращать внимание

Пара полезных JS-библиотек для работы с SVG-анимацией: SnapSVG и GreenSock GSAP .

5. Покупка в письме

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

Тренды в email-рассылках 2017 года

1. Видео

Будущее контент-маркетинга за видео - пишет газета The Guardian. По прогнозам Cisco, к следующему году видео охватит 69% всего интернет-трафика. Оно выйдет за пределы YouTube и будет активно применять в email-маркетинге.

Кликабельность увеличивается на 55%.
Пользователя тратят на просмотр письма на 44% времени больше, чем обычно.
На 41% увеличиваются расшаривания и публикации в социальных сетях.
Конверсия растёт на 24%, ROI - на 20%.
Средний чек увеличивается на 14%.

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

На деле вставить видео в рассылку нетрудно - большинство сервисов поддерживает вставку роликов по ссылке (тот же Mailchimp). Видео может быть и фоном для отдельных элементов или всего макета сразу. Для этого есть онлайн-редактор Mailigen .

2. Галереи изображений

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

3. Гибридная верстка рассылок

Насыщенные цвета помогают лучше структурировать контент.

5. Типографика и навигация

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

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

На что обращать внимание

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

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

6. Интеграция с социальными сетями

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

18. Анимация

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

Вот здесь можно посмотреть инструкцию по созданию и оптимизации анимации для рассылок.

J Crew в своей летней рассылке «Summer Sale» используют … мороженое. Летом оно ассоциируется с удовольствием, прохладой, детством и счастьем. Цель рассылки - расположить читателей и подарить им ощущение радости. То, что мороженое быстро исчезает, как бы намекает, что акция или товар скоро закончатся. Не пропустите!

Еще одна летняя тема - мы видим арбуз. И семечки от него постепенно выкладывают нам дорожку к кнопке Call-to-action. Мы скроллим, видим волшебное слово для многих - Sale - и чуть ниже кнопку для перехода. Не заметить ее невозможно.

Здесь мы видим анимацию уже на самой кнопке «Купить». Чтобы не перегружать письмо многочисленными вариациями одного продукта, мы сделали сменяющиеся картинки с помощью GIF.

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

На чистом HTML. Как не странно, за два года в бесплатном доступе появилось не так уж и много бесплатных решений, но то, что удалось найти, значительно превосходит по качеству любой из старой статьи.
E-mail рассылки , несомненно, мощнейший инструмент маркетолога, но пользоваться им нужно очень осторожно. Наш народ никогда не был в восторге от рекламных писем в почтовом ящике, но если вы хороший маркетолог, то сумеете войти в контакт с получателем письма. Данная подборка не решит всех проблем, связанных с рассылками и даже не поможет их обойти, ведь обратит внимание получатель на ваше письмо, удалит или отправит его в спам, зависит не от того, какой красивый в будет дизайн, а от содержимого. Все, что я хотел сказать этой фразой - не шлите спам или каких-либо шаблонных предложений. Используйте эти html шаблоны с умом и без вреда окружающим.
Еще раз повторю, не рассылайте спам, лучше применить эти шаблоны для рассылки различных поздравлений для ваших клиентов с праздниками. Если у вас есть интернет-магазин и имеется база пользователей, которые действительно хотят получать от вас письма, можете на остове любого html шаблона сделать рассылку с оповещением о какой-либо акции или скидке.
Итак. К вашему вниманию 20 бесплатных E-mail шаблонов для рассылок . Пользуйтесь с умом.

Бесплатный HTML + PSD E-mail шаблон: PHStock Template

Современный HTML шаблон для E-mail рассылок с большой фоновой картинкой . Выполнен по подобию одностраничных сайтов / . В нем есть маленькая галерея изображений , исходя из этого можно предположить, что данный шаблон будет полезен фотографам или дизайнерам.
Приятным дополнением является наличие PSD исходника. Он вам понадобится, если вы решите существенно изменить внешний вид.
Фоновую фотографию можно с легкостью заменить. Не используйте ворованные фото, лучше найти что-то подходящее на бесплатных фотостоках, о которых я недавно писал в топике "Бесплатные фотостоки с легальными фото ".

Адаптивный E-mail шаблон для интернет-магазина

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

Бесплатный E-mail шаблон для мероприятия

Очень простой HTML шаблон для E-mail рассылок с крупной фоновой картинкой. Изначально заточен под рассылку с предложением посетить мероприятие, или напоминание о грядущем событии. В архиве есть PSD. Не могу сказать, что я от этого шаблона в восторге, но на безрыбье и рак рыба.

Green Village - хипстерский E-mail шаблон для блогера

E-mail шаблон Green Village выглядит немного по-хипстерски. Отлично подойдет для рассылки еженедельного дайджеста новостей или записей с вашего блога. В архиве вы найдете сам шаблон и его исходник в формате PSD.

Photon - E-mail шаблон для фотоблога

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

KATAUSTRIA - адаптивный Email шаблон

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

Boxi - бесплатный E-mail шаблон в стиле Meto / Flat

Интересный шаблон, который совмещает два стиля: Meto и Flat . Состоит из блоков в виде сетки, которые выполняют разные задачи - блоки с тестом, блоки с социальными кнопками , блок с изображением и пр.

Miks Blogger Newsletter - универсальный E-mail шаблон для блогера

Чистый шаблон с откликами ушедшего в прошлое Retro стиля. Хотя дизайн мне очень нравится. Есть PSD.

Новостной HTML + PSD Email шаблон

Чистый шаблон для почтовых рассылок в светлых тонах, предназначен для рассылок новостей с новостного сайта или блога.
Автор шаблона заявляет, что его творение хорошо работает на:
Apple Mail 4, 5, 6
iPhone 5, 4S, 4, 3gs, iPad
AOL Mail Firefox, Explorer, Chrome
Hotmail Firefox, Explorer, Chrome
Gmail Firefox, Explorer, Chrome
Yahoo! Mail Firefox, Explorer, Chrome
Thunderbird текущая версия, Thunderbird 3.0
Outlook.com (Firefox), Outlook.com (Explorer), Outlook.com (Chrome)
Outlook 2011, 2010, 2007, 2003, 2002/XP, 2000
Lotus Notes 8.5, Lotus Notes 8, Lotus Notes 7

Бесплатный E-mail шаблон в зеленых тонах

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

Тренды 2016 года, которые будут жить в 2017 году

1. Адаптивный дизайн

Разные CTA для мобильных и десктопа

Адаптивное меню

На что обращать внимание

2. Интерактивность

На что обращать внимание

3. GIF-анимация

На что обращать внимание

4. Векторные изображения

На что обращать внимание

Пара полезных JS-библиотек для работы с SVG-анимацией: SnapSVG и GreenSock GSAP .

5. Покупка в письме

Тренды в email-рассылках 2017 года

1. Видео

Кликабельность увеличивается на 55%.
Пользователя тратят на просмотр письма на 44% времени больше, чем обычно.
На 41% увеличиваются расшаривания и публикации в социальных сетях.
Конверсия растёт на 24%, ROI - на 20%.
Средний чек увеличивается на 14%.

2. Галереи изображений

3. Гибридная верстка рассылок

Насыщенные цвета помогают лучше структурировать контент.

5. Типографика и навигация

На что обращать внимание

6. Интеграция с социальными сетями

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

Концепция email-маркетинга

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

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

Пример

Адаптивный дизайн в современном маркетинге - это обязательное условие успешной e-mail рассылки. Одинаково удобное «прочтение» на любом виде устройств, гибкий дизайн, который подстраивается под размер экрана, оптимальное расположение всех кнопок и ссылок. Чтобы понять, как он выглядит и работает, посмотрите пример ниже.

Методы привлечения внимания

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

Минималистический стиль
Натурализация
Монохромность
Использование фотографий людей
Блочная структура
Презентация товара
Ассоциативность
и многое другое

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

Заказать дизайн почтовой рассылки

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

Средняя цена

4 - 7 дней

Средний срок

Сделать заказ

Особенности почтовой рассылки

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

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

Перейти на сайт
Оформить заказ
Ответить на сообщение
Зарегистрироваться
Подписать петицию
прочее

Наши преимущества

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

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