Одно письмо
Для акции, новинки или важного события. Продумываем структуру, готовим дизайн и вёрстку под согласованный сервис рассылок.
На выходе: готовое письмо в согласованном формате.
Обсудить рассылку →Письма в вашем фирменном стиле
Дизайн и вёрстка email-рассылок
Чтобы письмо хотелось прочитать.
А кнопку — было легко найти.
Собираем структуру, оформляем контент и адаптируем письмо под телефон. Подготовим одну рассылку, шаблон для вашей команды или возьмём регулярные письма на себя.
На иллюстрации — условный макет. Дизайн вашего письма разработаем под бренд и задачу.
Какой формат
вам нужен?
Письмо к запуску продукта и шаблон для еженедельных акций — разные задачи. Сначала определим, что ваша команда будет делать с результатом.
Шаблон из блоков
Шапка, баннер, товары, текст, кнопки, подвал. Собираем набор, из которого удобно делать следующие письма в одном стиле.
На выходе: мастер-шаблон и правила работы с ним. Возможности редактирования согласуем под вашу платформу.
Обсудить шаблон →Регулярные рассылки
Готовим письма под контент-план: от структуры и дизайна до тестирования. Если нужны отправки, цепочки и аналитика — подключаем сопровождение.
На выходе: письма в согласованном объёме и ритме.
Посмотреть сопровождение →Что входит в дизайн
и HTML-вёрстку писем
Красивый баннер — только часть работы. Нужно, чтобы человек понял предложение, увидел нужный товар и смог перейти к покупке.
01
Задача и структура
Определяем аудиторию, предложение и главное действие. Расставляем блоки по смыслу: что показать сразу, что объяснить ниже и куда вести после клика.
02
Дизайн в стиле бренда
Работаем с цветами, типографикой, баннерами и товарными карточками. Учитываем ваш сайт и брендбук. Если готового макета нет, разработаем его с нуля.
03
Адаптивная вёрстка
Готовим HTML-письмо или собираем шаблон в согласованном редакторе. Проверяем размеры текста, расположение блоков и удобство кнопок на телефоне.
04
Проверка перед передачей
Тестируем письмо в согласованных почтовых клиентах и на устройствах. Проверяем ссылки, изображения и подстановки данных. Список проверок фиксируем до начала работы.
05
Передача и следующий шаг
Передаём согласованные исходники и готовую вёрстку либо шаблон в сервисе. Объясняем, какие блоки можно менять. Подготовку текстов, загрузку и отправку включаем в смету по вашей задаче.
Как принимаем работу
Письмо должно
быть удобным.
Предложение видно. Текст читается. Кнопка ведёт туда, куда обещает.
Проверяем письмо после сборки в сервисе: редактор может изменить отступы или оформление. Для шаблона смотрим ещё и на то, удобно ли вашей команде готовить следующие рассылки.
Как принять дизайн и вёрстку: чек-лист для заказчика ↗
Письма уже есть, но результат не устраивает? Начнём с аудита ↗Что меняем
в реальных проектах
Работаем с интернет-магазинами и брендами. Пересобираем письма, тестируем решения и смотрим, что происходит после клика.
Minervoda.ru · интернет-магазин
Пересобрали письма
и проверяли гипотезы
Меняли дизайн и отображение товарных карточек, кнопки на баннерах, шапку, подвал и конверсионные блоки. Тестировали кегль шрифта и цветовую гамму.
×3,3выручка из email за полгода
Результат комплекса изменений и тестов в проекте. Он не показывает отдельный вклад только дизайна и не является обещанием такого же роста.
О проекте в email-хабе ↗
Приветственная серия
Знакомство с продуктами, дизайн писем и адаптивная вёрстка для бренда БАДов и витаминов.
Подробнее о работе →Продукты и новинки
Дизайн и вёрстка рассылок, сезонные письма и коммуникации для листа ожидания.
Подробнее о работе →Сколько стоит
подготовить рассылку
Посчитаем по задаче. Одно письмо по готовому макету и мастер-шаблон с разными типами блоков требуют разного объёма работы.
Отдельное письмо или шаблон
Расчёт по вашему объёму
- Есть ли готовый макет, текст и изображения.
- Сколько блоков и вариантов нужно.
- В каком сервисе будете работать с письмом.
- Какие устройства и почтовые клиенты проверяем.
- Нужны ли языковые версии, загрузка или настройка отправки.
Состав результата, стоимость, сроки и порядок правок согласуем до начала работы.
Получить расчёт ↗Вопросы до старта
Можно заказать вёрстку по готовому макету?
Да. Пришлите макет и название сервиса рассылок. Проверим, как перенести дизайн в письмо, обсудим мобильную версию и состав тестирования.
Можно сделать шаблон для самостоятельной работы?
Да. Подберём блоки под ваши типовые письма и согласуем способ редактирования. HTML-шаблон и шаблон в блочном редакторе дают разные возможности: выберем формат до начала работы.
Письмо будет одинаковым во всех почтовиках?
Почтовые клиенты по-разному отображают некоторые элементы. Согласуем приоритетные клиенты и устройства, проверим читаемость и работу основных блоков. Если эффект или шрифт не поддерживается, подготовим подходящую замену.
Вы пишете тексты и настраиваете отправку?
Можем взять эти задачи на себя. В разовом проекте включаем их в согласованный состав работ. Для регулярных рассылок посмотрите сопровождение email-маркетинга.
Редизайн поможет, если из писем нет продаж?
Сначала разберёмся в причине: предложение, база, посадочная страница и учёт заказов тоже влияют на результат. Если проблема пока не ясна, полезнее начать с аудита email-рассылок.
Что прислать для оценки?
Задачу письма, адрес сайта, название сервиса рассылок и примеры текущих писем. Если есть брендбук, макет, тексты или готовые изображения — приложите их. Укажите нужный срок и объём.
Начнём с одного письма
Что хотите отправить
своим клиентам?
Пришлите задачу, макет или текущее письмо. Обсудим, что нужно подготовить, в каком сервисе вы работаете и какой результат передать команде.