Техническое задание: Исправление верстки email-рассылок
Цель проекта
Исправить четыре готовых HTML-макета email-писем для их безупречного и единообразного отображения в популярных почтовых клиентах и веб-интерфейсах, включая Gmail, Outlook, Apple Mail, Яндекс.Почту и Mail.ru.
Основные проблемы в текущих макетах
- Некорректное отображение фоновых изображений (фонов)
- Наличие белых полос по краям писем
- Конфликтующие или неработающие стили
- Некорректная ширина контейнеров и элементов
- «Сломанные» или неотображающиеся границы элементов
- Наличие лишних технических элементов (пустые ячейки, строки таблиц)
- Нестандартные или отсутствующие заголовки
- Наличие черного фона, который необходимо убрать
- Прочие визуальные и технические недочеты
Задачи для исполнителя
- Унификация фонов: Привести все фоновые изображения и цвета к единому, предсказуемому поведению во всех клиентах.
- Исправление ширины: Привести логику расчета ширины всех контейнеров к единому стандарту, чтобы письмо растягивалось на всю доступную ширину.
- Кроссплатформенная адаптация: Обеспечить идентичное отображение в указанных почтовых сервисах и клиентах (Gmail, Outlook, Apple Mail, Яндекс, Mail.ru).
- Очистка кода: Удалить пустые и служебные табличные ячейки/строки, не несущие смысловой нагрузки.
- Визуальные правки: Исправить или заменить неработающие границы (borders). Убрать черный фон. Добавить корректные семантические заголовки.
- Общая оптимизация: Исправить неверные значения атрибутов, разрешить конфликты стилей, устранить прочие недочеты, мешающие корректному отображению.
Требования к результату
- 4 исправленных HTML-файла с валидной версткой для email.
- Письма должны отображаться без белых полос по бокам.
- Фон (подложка) должен занимать всю ширину письма в каждом клиенте.
- Верстка должна быть стабильной и предсказуемой.