Занимаюсь ручной версткой адаптивных HTML-писем, и главный акцент делаю именно на кросс-клиентской совместимости — том месте, где чаще всего всё и рушится. Одно письмо должно ровно открываться в десятках почтовиков, а каждый из них читает разметку по-своему: Outlook опирается на движок Word, Gmail отрезает часть стилевых правил, Apple Mail работает почти как настоящий браузер. Поэтому я закладываю эти особенности сразу, а не латаю потом. Где нужна надёжность — беру проверенную табличную структуру, где важна поддержка и скорость сборки — подключаю MJML, после чего вручную вычищаю итоговый код, чтобы верстка не расползлась ни в одном ящике.
Стартую от вашего дизайна или наброска, а на выходе отдаю шаблон, проверенный в тех программах, где сидит именно ваша аудитория. Прописываю критичные стили инлайн, закладываю запасные варианты для фоновых изображений, кнопок и подключаемых шрифтов, аккуратно перестраиваю макет в одну колонку на смартфонах. Поддержка тёмной темы, чёткая retina-графика, корректная семантика для доступности и обязательная текстовая копия письма входят в базовую работу по умолчанию. Если Outlook сдвигает поля или уродует кнопку, я не подбираю решение наугад, а применяю ghost-таблицы и VML.
Готовый шаблон завожу в вашу систему — Mailchimp, SendGrid, Klaviyo, HubSpot либо самописный сервис — с подстановочными полями, редактируемыми участками и блочной структурой, чтобы маркетологи собирали письма сами, без обращения к разработчику. К сдаче прилагаю понятное описание. Криво отображающийся старый шаблон тоже разберу и приведу в порядок.
— Ручная адаптивная верстка писем (таблицы и MJML)
— Проверка в почтовых клиентах и правка багов Outlook/Gmail
— Тёмная тема, retina и доступность
— Связка с сервисом рассылок: подстановки и блоки
— Починка, рефакторинг и переиспользуемые наборы шаблонов
Стартую от вашего дизайна или наброска, а на выходе отдаю шаблон, проверенный в тех программах, где сидит именно ваша аудитория. Прописываю критичные стили инлайн, закладываю запасные варианты для фоновых изображений, кнопок и подключаемых шрифтов, аккуратно перестраиваю макет в одну колонку на смартфонах. Поддержка тёмной темы, чёткая retina-графика, корректная семантика для доступности и обязательная текстовая копия письма входят в базовую работу по умолчанию. Если Outlook сдвигает поля или уродует кнопку, я не подбираю решение наугад, а применяю ghost-таблицы и VML.
Готовый шаблон завожу в вашу систему — Mailchimp, SendGrid, Klaviyo, HubSpot либо самописный сервис — с подстановочными полями, редактируемыми участками и блочной структурой, чтобы маркетологи собирали письма сами, без обращения к разработчику. К сдаче прилагаю понятное описание. Криво отображающийся старый шаблон тоже разберу и приведу в порядок.
— Ручная адаптивная верстка писем (таблицы и MJML)
— Проверка в почтовых клиентах и правка багов Outlook/Gmail
— Тёмная тема, retina и доступность
— Связка с сервисом рассылок: подстановки и блоки
— Починка, рефакторинг и переиспользуемые наборы шаблонов
