/work/email-templates
фирменные письма
- что это
- инструмент / автоматизация
- роль
- задача, код, тесты
- год
- 2026
- платформа
- MJML
Демо-проект: компании в примерах выдуманные, клиента нет. Код и тесты написаны для портфолио.
Демо-проект для портфолио.
Задача: вместо стандартных системных писем — фирменные подтверждения на турецком и английском, которые не разваливаются в Gmail и на телефоне.
Два письма в палитрах сайтов из этого портфолио: бронь столика Limon Ağacı (тёмно-синий, лимонный, кремовый) и заказ Mira Atelier (песок, мох, терракота, машинописный заголовок, пунктирные «швы»).
Шаблоны MJML, тексты в JSON, свой маленький шаблонизатор с экранированием.
Без картинок: образцы цвета товара сделаны на CSS.
Тёмная тема, прехедер, текстовая версия, кнопки «в календарь», «маршрут», «посмотреть заказ».
Тесты 6 из 6 (строгий MJML, меньше 102 КБ, никаких внешних ресурсов); в Chrome 10 из 10 вариантов на 600 и 320 px в светлой и тёмной теме без горизонтальной прокрутки.
В реальных почтовых клиентах не проверялось.
умения и инструменты
- MJML
- HTML email
- dark mode
- responsive email
- Node.js
- TR / EN
экраны
