Офисный работник в среднем получает 120–140 писем в день. Над многими из этих них трудится целая команда:
- Email-маркетолог. Думает над темами писем, временем отправки и другими штуками, которые повысят открываемость и переходы.
- Email-дизайнер. Превращает информацию в красивые адаптивные письма. Дизайн влияет на общее впечатление от рассылки и количество переходов.
- Email-верстальщик. Верстает письма и добавляет интерактивные элементы. Его задача — сделать так, чтобы письмо не разъехалось в разных почтовых клиентах, а пользователям было удобно читать рассылку с любого устройства.
Наши 20 советов помогут, если под рукой нет профессиональной команды, но нужно письмо, которое будет хорошо выглядеть на любом устройстве.
Для удобства мы разбили советы на категории:
- тип письма;
- структура;
- контент;
- визуал.
Тип письма
1. Перед созданием письма определитесь с его типом. В зависимости от этого будет меняться дизайн:
- Приветственные письма. Не пишем много текста и используем минимум изображений. Следим, чтобы по дизайну письма подписчик сразу понял, кто прислал письмо.
- Знакомство с продуктом, описание преимуществ. В таких письмах обычно много изображений, иногда есть встроенные видео.
- Новостные письма. Обычно это лонгрид, который прерывается тематическими изображениями.
- Рекламные письма. Цель такого письма — продвинуть и продать. Используйте больше заманчивых картинок и меньше текста.
- Транзакционные письма. Эти письма приходят в ответ на какое-то действие клиента. Обычно в них есть изображение продукта и тематический текст: уведомление о доставке, подтверждение заказа или оплаты.
Структура письма
2. Email шириной 600 пикселей уходит в прошлое. Многие девайсы имеют ширину 800 пикселей и больше. Это дополнительное пространство можно использовать, чтобы привлечь внимание пользователей.
Но будьте осторожны: не все почтовые клиенты будут нормально отображать широкие письма. Чтобы письма не обрезались по сторонам, уместите важный важный контент в полосу 800 пикселей, а остальное пространство заполните фоновой картинкой: