Верстка 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 робочих днів після затвердження дизайну та отримання всіх матеріалів.