Сверстать 13 однотипных HTML Email писем для интернет-магазина
Требуется исполнитель с опытом верстки писем, необходимо сверстать однотипные электронные письма HTML по макетам Figma.
Ссылка на макет Figma
Список писем:
Ссылка на макет Figma
Список писем:
- Заказ принят
- Подтверждение адреса электронной почты
- Счет на оплату
- Регистрация завершена
- Ваш груз выдан
- Платеж по заказу подтвержден
- УПД по вашему заказу
- Ваш заказ выполнен
- Ваш заказ отправлен
- Ваш груз по заказу передан в транспортную компанию
- Статус вашего заказа изменен
- Доверенность на получение груза по заказу
- Ваш заказ отменен
- Каждое письмо должно быть отдельным самодостаточным HTML файлом
- Письма должны корректно отображаться во всех популярных почтовых клиентах и браузерах, включая:
- Gmail, Outlook, Yahoo Mail, Apple Mail, Thunderbird.
- Мобильные версии почтовых клиентов (iOS, Android)
- Верстка должна быть адаптивной (responsive) для корректного отображения на устройствах с разными разрешениями экрана (десктоп, планшет, смартфон).
- Использовать только инлайн-стили (inline CSS) для совместимости с почтовыми клиентами.
- Поддержка минимальной ширины письма: 640 px (для десктопа).
- Максимальный объем письма не должен превышать 102 KB (включая изображения).
- Использовать таблицы (
<table>) для создания структуры письма. - Не использовать современные CSS-функции, такие как Flexbox, Grid и медиа-запросы, которые не поддерживаются некоторыми почтовыми клиентами.
- Все стили должны быть прописаны в атрибутах
styleвнутри тегов. - Размер основного текста: 14px-16px.
- Цвет текста и заливки должен быть указан в HEX-формате (например,
#333333). - Использовать четкую иерархию заголовков (например,
<h1>,<h2>), но с учетом их корректного отображения в почтовых клиентах. - Проверить письмо в сервисах тестирования (например, Litmus, Email on Acid) на предмет отображения в разных клиентах.