Верстка email-рассылок

Техническое задание
Тема: Верстка email-рассылок по готовому дизайну

Описание проекта

Необходимо сверстать 2 шаблона email-рассылок в соответствии с предоставленным дизайном. Верстка должна быть адаптивной, корректно отображаться в различных почтовых клиентах и на разных устройствах.

Требования к верстке

1. Адаптивность

   • Шаблоны должны корректно отображаться на экранах разных размеров: мобильных устройствах, планшетах, ПК.
   • Использование медиа-запросов для адаптации верстки под разные размеры экранов.

2. Совместимость

   • Верстка должна работать во всех популярных почтовых клиентах, в том числе Gmail, Outlook, Yahoo Mail, Apple Mail и т.д.
   • Учет специфики CSS-поддержки почтовых клиентов.

3. Технологии

   • Табличная верстка (table-based layout) как основной метод структурирования контента.
   • Использование инлайн-стилей для обеспечения совместимости с почтовыми клиентами.
   • Избегание использования JavaScript и других технологий, которые не поддерживаются большинством почтовых сервисов.

4. Дизайн и контент

   • Четкое соблюдение стилей, цветов и шрифтов в соответствии с предоставленным дизайном.
   • Использование alt-текста для изображений.
   • Обеспечение читаемости текста на темных/светлых фонах (dark mode friendly).

5. Тестирование

   • Тестирование в различных почтовых клиентах и на разных устройствах.
   • Проверка работы ссылок, кнопок, контактных данных в рассылке.

Необходимые материалы от заказчика

1. Дизайн шаблона в формате Figma
2. Контент для рассылки: текст, изображения, ссылки, логотипы.

Ожидаемый результат

• Готовый к использованию HTML-шаблон email-рассылки.
• Инструкция по подключению шаблона к почтовой системе (при необходимости).
• Результаты тестирования шаблона с отображением в популярных почтовых клиентах.

Срок выполнения

3 рабочих дня после утверждения дизайна и получения всех материалов.