Универсальные приёмы, советы и полезные сервисы.
Дизайн в email-маркетинге — это не только про картинки и цвета. Это про грамотное расположение всех элементов письма, чтобы помочь подписчику понять, что от него хотят и что ему предлагают сделать.
В помощь маркетологу — множество бесплатных онлайн-инструментов, которые сделают подготовку рассылки не только быстрее, но и качественнее.
Выбор шаблона
Определитесь с типом будущей рассылки: короткое информационное письмо, продающее с товарными подборками, длинное контентное и т. д.
Разные типы писем придерживаются разной структуры. Посмотрите на примеры шаблонов ниже:
А теперь посмотрите, как создатели рассылок придерживаются этих правил:
Обычно в платформах для рассылок и конструкторах писем есть готовые шаблоны, которые можно использовать, если в команде пока нет дизайнера.
В этой статье — небольшой обзор сервисов для дизайна писем.
Текст
Работа с текстом — это один из самых важных этапов работы над рассылкой. Главная задача дизайнера состоит в том, чтобы визуализировать простой текст копирайтера из документа и правильно расставить акценты. Речь не только про баннеры, но и про типографику и дополнительные элементы.
Перед тем как приступить к работе — прочитайте эти небольшие статьи:
- Здесь можно увидеть пример письма с конкретными комментариями от дизайнера.
Есть несколько видов писем, где работа с текстом крайне важна.
- Письма-подтверждения (заказ, бронирование, доставка), так как подписчик должен быстро прочитать информацию и подтвердить её или отклонить. Хороший пример — подтверждение бронирования от AirBnb.
- Контентные письма — в них акцент сделан на большом количестве текста, но иллюстрации и типографика помогают лучше считывать этот текст.
- Plain-text — даже простое выделение абзацев помогает при чтении текста, а если вы ещё сделаете длину строки 10–13 слов и пронумеруете списки (поставите буллиты) где необходимо, а на ссылки поставите нижнее подчёркивание, то читатель точно будет благодарен.
Цвет
Опытный дизайнер может идеально подобрать цвета «на глаз», но даже они часто пользуются палитрами, схемами и другими инструментами по работе с цветом.
Вот три наиболее интересных:
Adobe Color CC. Цветовой круг полезен при подборе палитры к конкретному цвету: есть целых 10 вариантов подбора сочетаний.
Color Hunt. Если стоит вопрос о выборе цветовой палитры, то в этом сервисе почти бесконечное число сочетаний разнообразных цветов. Самая главная проблема — это остановиться на чём-то одном 🙂
Khroma. Интересный сайт, где нужно выбрать 50 цветов, которые тебе нравятся — и по итогу будет составлены палитры и градиенты. Попробуйте, может быть это как раз то, что вы давно искали.
Вот несколько примеров хороших рассылок, где каждый цвет на своём месте:
Фотографии
При изучении информации мозг человека сначала анализирует графическую информацию, а уже потом текстовую. Поэтому так важно подобрать для иллюстрации подходящую картинки или графику. Бесплатные фотостоки — хороший вариант при ограниченном бюджете (только помните, что при использовании необходимо указывать автора — это небольшая плата за использование качественных фото):
Есть сервисы, в которых можно найти векторную графику. Использование точно такое же, как и в фотостоках — свободное при упоминании автора:
На случай, когда нужны иконки:
Совет 1: поверьте вес фотографии — чтобы она была не больше 600 Кб
Совет 2: используйте фотографии в высоком качестве, чтобы они не «мылились» на ретина-дисплеях.
Ещё есть хороший универсальный сервис с готовыми шаблонами всего — Canva. Там есть даже картинки специально для email рассылок. Сейчас работает только с VPN. Большинство макетов можно бесплатно загружать после редактирования.
Если нужно быстро обрезать фотографию или изменить её контрастность — есть онлайн-редактор Pixlr.
Вдохновение
Если не хватает идей и каких-то новых решений, то настоятельно рекомендуем сходить на ресурсы с базами email-рассылок. Бесконечный поток вдохновения обеспечен.
И, конечно, надо быть в курсе того, что делают конкуренты. Подпишитесь на максимальное число рассылок вашей сферы и смотрите, что делают другие.
А если нужна помощь с шаблоном или настройкой платформы — приходите 🙂