HTML-верстальщик писем — адаптивные кросс-клиентские шаблоны

Я вручную верстаю адаптивные HTML-шаблоны email-писем и уделяю особое внимание тому, что подводит большинство: одно и то же письмо должно выглядеть корректно в десятках почтовых клиентов, каждый из которых трактует код по-своему. Outlook до сих пор рендерит на движке Word, Gmail вырезает часть стилей, а Apple Mail ведёт себя как полноценный браузер — поэтому я пишу код с учётом этой реальности с первой строки. Использую пуленепробиваемую табличную вёрстку там, где без неё не обойтись, и MJML там, где проекту важнее скорость и удобство поддержки, а затем дорабатываю скомпилированный результат руками, чтобы ничего не поехало.

Работа начинается с вашего макета или прототипа и заканчивается шаблоном, протестированным в тех клиентах, которыми реально пользуется ваша аудитория. Я инлайню критичный CSS, добавляю разумные фолбэки для фоновых картинок, кнопок и веб-шрифтов и слежу за тем, чтобы на телефонах вёрстка аккуратно сворачивалась в одну колонку. Тёмная тема, retina-графика, доступная семантическая структура и текстовая версия письма — это часть стандартной сборки, а не дополнительная опция. Когда Outlook ломает отступы или кнопку, я применяю приёмы с ghost-таблицами и VML, а не гадаю.

Когда шаблон выглядит как надо, я подключаю его к вашей платформе — Mailchimp, SendGrid, Klaviyo, HubSpot или собственному сервису — с мерж-тегами, редактируемыми зонами и модульными блоками, чтобы команда переиспользовала шаблон без разработчика. Всё сдаю с документацией. Если есть старый шаблон, который отображается криво, — отлажу и починю его.

— Адаптивная HTML-вёрстка писем (таблицы + MJML)
— Тестирование в клиентах и починка багов Outlook/Gmail
— Тёмная тема, retina и доступность
— Интеграция с ESP: мерж-теги и модульные блоки
— Ремонт, рефакторинг и переиспользуемые системы шаблонов