Дизайн и html вёрстка email-рассылок
Мы дизайним и верстаем ваше письмо
Вы присылаете нам контент и ТЗ, мы готовим дизайн и html-вёрстку. Вне зависимости от того, открыли его с айфона или в MS Outlook, письмо будет корректно отображаться на любом устройстве: вёрстка не поедет, отступы и тексты будут выглядеть так, как планировал дизайнер.
В цену заложены:
- написание текста рассылки;
- время работы дизайнера;
- время работы верстальщика;
- время менеджера.
Мы готовим мастер-шаблон для всех ваших писем
Мастер-шаблон — это конструктор для ваших писем. Мы верстаем все блоки, которые потребуются для всех писем, а вы сможете собирать из них готовые рассылки:
В цену заложены:
- заголовки четырёх уровней (H1, H2, H3, H4);
- оформления шапки и подвала;
- текстовые блоки;
- ссылки;
- кнопки;
- примеры размещения картинок;
- разделители блоков;
- несколько вариантов размещения товарной сетки;
- NPS-опрос;
- брошенная корзина;
- блок с промокодом;
- новостной блок.
Мастер-шаблон представляет собой html-вёрстку всех этих блоков и инструкции по их использованию.
Посмотрите примеры наших писем:
Письмо — это первое, что клиент видит от бренда в почтовом ящике. У него 2–3 секунды, чтобы принять решение: открыть или закрыть. Email Soldiers разрабатывает дизайн и HTML-вёрстку email-рассылок с 2014 года. В нашем портфеле — Додо Пицца, ФК «Зенит», Miele, Vichy, Burger King, Kerastase и ещё десятки брендов разного масштаба.
Что мы разрабатываем
Закрываем все задачи по email-дизайну — от разового письма до полной визуальной системы рассылок.
Мастер-шаблон
Большой HTML-файл со всеми блоками: заголовки, шапка и подвал, кнопки, товарные сетки, NPS-опрос, брошенная корзина. Получаете PSD и готовый HTML — подменяйте контент под каждую задачу.
Разовые письма
Промо-рассылка, триггерное письмо, спецпроект — разработаем дизайн и сверстаем под ваш ESP: Mindbox, Unisender, Sendsay, Klaviyo, DashaMail, Retail Rocket.
Редизайн существующих писем
Рассылки есть, но выглядят устаревшими — переработаем дизайн и перевёрстаем под актуальный брендбук. Сохраним логику, обновим визуал.
Вёрстка по макету
Есть готовый Figma-макет или PSD — сверстаем в HTML. Проверяем отображение в Gmail, Яндекс.Почте, Mail.ru, Outlook, Apple Mail.
Технические возможности
HTML-вёрстка email — это отдельная дисциплина, не похожая на вёрстку сайтов. Почтовые клиенты по-разному рендерят одно и то же письмо. Наша команда знает эти ограничения.
- Адаптивная вёрстка — корректное отображение на десктопе, планшете и смартфоне.
- Dark mode — поддержка тёмной темы для Gmail, Apple Mail и других клиентов.
- Outlook-совместимость — особая вёрстка для Outlook, который использует движок Word.
- Ретина-графика — изображения удвоенного разрешения для Retina и AMOLED.
- Тестирование в Email on Acid — проверяем рендеринг в 70+ клиентах до передачи.
- AMP for Email — интерактивные элементы внутри письма: карусели, формы, динамический контент.
Как проходит работа
Процесс занимает от 2 до 4 недель. Всегда фиксируем сроки и точки согласования.
- Бриф и созвон. Обсуждаем задачу, ESP, технические ограничения. Изучаем брендбук и примеры рассылок.
- Концепция. Готовим 2–3 варианта главного экрана. Согласуем направление до полной разработки.
- Дизайн. Разрабатываем все блоки. Финальный макет в Figma, передаём в удобном формате.
- Вёрстка. HTML с учётом почтовых клиентов, адаптив, dark mode. Тестирование в Email on Acid.
- Передача. HTML-файл, PSD/Figma-исходники и инструкция по подстановке контента.
Кейсы: результаты наших клиентов
Vichy. Триггерные рассылки для онлайн-диагностики кожи — +36% к среднему чеку в кампаниях бренда.
fl.ru. Триггерные цепочки для двух аудиторий — +600 000 ₽ выручки в месяц после внедрения.
Spadream. Редизайн и настройка рассылок — +260% к продажам через email.
Часто задаваемые вопросы
Чем мастер-шаблон отличается от обычного письма?
Мастер-шаблон — это библиотека всех блоков для рассылок. Из него собирают письма, как из конструктора. Разовое письмо — один конкретный макет под одну задачу. Мастер-шаблон дороже разово, но экономит время на каждом следующем письме.
Поддерживаете ли вы Outlook?
Да. Outlook — один из сложнейших клиентов: он использует движок Word. Верстаем специально под Outlook и проверяем все версии (2016, 2019, 365) через Email on Acid.
Можно заказать только вёрстку без дизайна?
Да. Если есть готовый Figma-макет или PSD — сверстаем его в HTML. Принимаем Figma, Adobe XD, Sketch, PSD, Illustrator.
Какие платформы рассылок поддерживаете?
Mindbox, Unisender, Sendsay, DashaMail, Klaviyo, Retail Rocket, HubSpot, Salesforce Marketing Cloud. Если платформа требует особого синтаксиса тегов — учитываем при вёрстке.
Сколько времени занимает разработка мастер-шаблона?
В среднем 3–4 недели: 1 неделя — бриф и концепция, 1–2 недели — дизайн и согласование, 1 неделя — вёрстка и тестирование. Сроки зависят от количества блоков и скорости согласований на вашей стороне.