По договоренности
Исходные данные
- Дизайн письма находиться в FIGMA.
- Письмо предназначено для рассылки от интернет магазина клиентам.
- Письмо должно корректно отображаться на всех устройствах и браузерах.
Требования к верстке
1. Кросс-платформенность:
– Письмо должно корректно отображаться на Windows и MacOS устройствах.
2. Кросс-браузерная совместимость:
– Письмо должно открываться и правильно отображаться в следующих браузерах:
– Desktop:
– Internet Explorer 7-9
– Chrome (версии 15 и выше)
– Firefox (версии 15 и выше)
– Opera (версии 12 и выше)
– Safari 5
– Мобильные устройства:
– iOS 7 и выше
– Android 5 и выше
3. Адаптивность:
– Верстка должна быть адаптивной и корректно отображаться на разных разрешениях экранов.
– Блоки с изменяющимся содержимым должны подстраиваться в соответствии с дизайном при уменьшении/увеличении контента.
– Должен быть предусмотрен fallback для старых версий браузеров (с максимально допустимой деградацией функционала).
4. Требования к контенту:
– Письма cо следующими статусами интернет-магазина:
– Спасибо за заказ
– Ожидается оплата
– Ваш заказ передан в службу доставки
– Заказ успешно выполнен
– Ваш заказ отменен
– Не смогли связаться
– Товар скоро будет в наличии
– Возврат товара
– У части писем схожий дизайн, разница только в тексте сообщений.
5. Технические детали:
– Используйте только инлайновые стили для максимальной поддержки в клиентах электронной почты.
– Избегайте использования JavaScript, так как он часто блокируется почтовыми клиентами.
– Все внешние ссылки должны быть абсолютными.
– Минимальное использование CSS и использование базовых правил форматирования для обеспечения лучшей совместимости с почтовыми клиентами.
– Поддержка медиазапросов для корректного отображения на мобильных устройствах.
6. Дополнительные рекомендации:
– Убедитесь, что все изображения имеют alt-теги.
– Все ссылки должны иметь название (title).
– Тестирование на действительность HTML с использованием W3C validator.
– Устранение потенциальных проблем с SPAM-фильтрацией.
Результат
- Готовое HTML письмо, которое можно загрузить в систему рассылки (Bitrix).
- Письмо должно корректно отображаться на всех целевых устройствах и браузерах.
- Письмо должно быть удобно для чтения и соответствовать предоставленному дизайну.
- Вся структура и контент письма должны быть правильно выровнены и понятны.