Дизайн email-рассылок, который открывают и читают

Сроки:

• Простой шаблон — 2–3 дня
• Комплексный дизайн с вёрсткой — 3–7 дней
• Комплект из 3–5 шаблонов — 7–14 дней
• Email-система с автоматизацией — 2–4 недели

Сроки зависят от сложности, количества шаблонов и скорости согласования.

Стандартный набор:

• Бриф и анализ
• Прототип письма
• Дизайн в Figma/Photoshop
• HTML-вёрстка с учётом требований почтовых клиентов
• Адаптив под мобильные
• Тестирование в 30+ клиентах
• Интеграция с сервисом рассылок
• Передача исходников и документации

Мы тестируем в 30+ клиентах:

• Gmail (веб, iOS, Android)
• Mail.ru
• Яндекс.Почта
• Outlook (2016, 2019, 365, веб)
• Apple Mail (macOS, iOS)
• Thunderbird
• Samsung Mail
• Yahoo Mail

После тестирования предоставляем отчёт: где письмо выглядит корректно, где — проблемы, что исправлено.

Более 60% писем открываются на смартфонах. Если письмо не адаптировано — текст мелкий, кнопки не нажимаются, изображения «разъезжаются».

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

Тёмная тема — режим отображения, при котором фон тёмный, текст светлый. Проблема в том, что почтовые клиенты автоматически инвертируют цвета.

Белый фон становится чёрным, чёрный текст — белым, но не всегда корректно. Мы проектируем письма с учётом тёмной темы: используем прозрачные PNG, контрастные цвета, тестируем в тёмном режиме.

Ключевые факторы:

• Тема письма — короткая, интригующая, без спам-слов
• Прехедер — первая строка, видимая в списке
• Имя отправителя — узнаваемое
• Время отправки — когда аудитория активна
• Сегментация — релевантный контент для каждой группы
• A/B-тесты — проверка разных тем

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

Также избегайте: КАПС, множества восклицательных знаков, красных шрифтов, подозрительных ссылок. Мы проверяем письма на спам-фильтры перед отправкой.

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

Промо-письма — рекламные рассылки, требуют согласия и содержат кнопку «Отписаться».

Автоматическая цепочка — серия писем, которая отправляется по триггеру. Примеры:

• Приветственная серия — 5 писем после подписки
• Брошенная корзина — 3 письма после незавершённой покупки
• Реактивация — 2 письма неактивным подписчикам

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

Мы работаем с большинством популярных сервисов:

• Unisender
• Mailchimp
• SendPulse
• Sendsay
• DashaMail
• Mindbox
• Carrot quest

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

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

Также можно использовать GIF-анимации — они работают во всех клиентах, кроме Outlook.

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

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

Некоторые почтовые клиенты блокируют изображения по умолчанию. Мы всегда добавляем alt-тексты для картинок — если изображение не загрузилось, пользователь увидит описание.

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

Дизайн-система для email — библиотека компонентов и правил: шапка, футер, кнопки, карточки товаров, блоки с текстом.

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

Да, персонализация — один из главных инструментов повышения открываемости и CTR. Мы используем:

• Обращение по имени
• Геолокацию
• Историю покупок
• Интересы
• Динамические блоки

Всё это настраивается через переменные в сервисе рассылок.

Стандартно — 2–3 итерации правок на каждом этапе (дизайн, вёрстка). Мы не ограничиваем количество правок жёстко, но рекомендуем собирать замечания пакетно.

Кардинальные изменения после утверждения этапа могут оплачиваться отдельно.

Да, мы передаём все исходники: HTML-код письма, Figma-файл с дизайном, PSD (если использовался Photoshop), изображения, шрифты с лицензиями, документацию.

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

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

Мы проверяем письма на спам-фильтры (SpamAssassin, Mail-tester), даём рекомендации по улучшению репутации.

Да, текстовая версия (plain text) важна по двум причинам:

• Некоторые пользователи отключают HTML
• Почтовые клиенты лучше ранжируют письма с обеими версиями

Мы всегда создаём текстовую версию вместе с HTML.

Критерии:

• Цена — от базовой до премиальной
• Лимиты — количество писем
• Функции — автоматизация, A/B-тесты, аналитика
• Интеграции — с вашей CRM и сайтом
• Поддержка — на русском языке

Для малого бизнеса — Unisender, SendPulse; для среднего — Sendsay, Mindbox; для крупного — Salesforce Marketing Cloud.

A/B-тестирование — проверка двух версий письма на разных сегментах аудитории. Тестируют: тему письма, имя отправителя, CTA, время отправки, содержание.

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

Да, но с ограничениями. GIF-анимации работают во всех клиентах, кроме Outlook (там показывается первый кадр).

CSS-анимации поддерживаются частично — в Apple Mail, iOS, но не в Gmail. Интерактивные элементы (опросы, карусели) работают только в некоторых клиентах. Мы подбираем формат под вашу аудиторию.

Основные метрики:

• Open Rate — процент открытий
• CTR — процент кликов
• CTOR — клики к открытиям
• Conversion Rate — конверсия в целевое действие
• Unsubscribe Rate — процент отписок
• Bounce Rate — процент недоставленных

Мы настраиваем аналитику и даём рекомендации по улучшению.

Причины отписок:

• Слишком частые рассылки — снизьте частоту
• Нерелевантный контент — сегментируйте аудиторию
• Плохой дизайн — обновите шаблоны
• Отсутствие ценности — давайте полезный контент

Нормальная отписка — 0,5–1% за рассылку. Если больше — есть проблема.

Да, мы проектируем дизайн для всей цепочки:

• Приветственная серия (3–5 писем)
• Брошенная корзина (2–3 письма)
• Реактивация (2–3 письма)
• Онбординг (5–7 писем)

Каждое письмо — отдельный дизайн, но в едином стиле.

Да, мы работаем удалённо со всей Россией и странами СНГ. Все коммуникации — онлайн: Figma для дизайна, Telegram/Slack для связи, Zoom для презентаций.

Процесс не отличается от работы в одном городе.

Консультация — в день обращения. Коммерческое предложение — 1–2 дня. Подписание договора — 1 день. Старт работ — 1–2 дня после подписания.

В срочных случаях можем начать быстрее.

Поддержка включает:

• Консультации по использованию шаблонов
• Правки в рамках согласованного объёма
• Новые шаблоны по запросу
• Адаптацию под новые сервисы

Срок поддержки — от 3 до 12 месяцев в зависимости от тарифа.

Да, мы адаптируем вёрстку под требования конкретного сервиса: Unisender, Mailchimp, SendPulse, Sendsay, DashaMail, Mindbox.

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

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

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