Проблема: существующий email - пример доступен на http://dev.svetlitsky.com/subscriber-reply-email-web/865196383950ff9b880aeef13f51f7c3 - был создан с целью корректного отображения в старых версиях Outlook и поэтому трудно читаем на экране смартфона.
Задача: сохранив все элементы email, представленного выше, в два этапа создать его версию, легко читаемую на смартфоне, но при этом адекватно выглядящую и на планшетах и компьютерах, включая последнюю версию Outlook:
I. Выполнить дизайн email, легко читаемый на экране смартфона -35% проекта и оплаты. Условием закрытия этапа является предоставление дизайна, в котором представлены и проработаны все элементы из примера выше и который реально выполнить на втором этапе.
II. Выполнить верстку и тестирование - 65% проекта и оплаты. Условием закрытия этапа является успешное тестирование email согласно техническим требованиям ниже.
III. Бонус в размере 1000 грн, если удастся легко читаемо разместить информацию в столбцах (пример: https://www.lynda.com/signup?lpk35=8006 ) или другим способом, позволяющим наглядно сравнить 4 packages (см. пример выше)
Условием получения проекта является предоставление детального эскиза легко читаемого на экране iPhone 6S email, содержащего все элементы, присутствующие в примере (см. ссылку выше)
Технические требования:
1. Верстка должна быть выполнена с учетом Retina Display, в частности изображения должны присутствовать во всех необходимых версиях: @2х, @3х, и т. д. Это относится как к iPhone, так и к планшетам и компьютерам.
2. Email легко читаем и отображается без дефектов на iPhone 6S, 6S Plus, 7, 7 Plus
3. Email отображается без дефектов, будучи отправлен на следующие почтовые сервисы:
gmail.com
hotmail.com
yahoo.com
4. Емайл отображается корректно, будучи отправлен на последнюю версию Outlook, работающую под последней версией Windows.
5. Суммарный размер используемых файлов ( HTML, CSS, jpeg и т. д.) не должен превышать 150 кб. Использование Bootstrap и подобных frameworks нежелательно из-за большого размера файлов. JavaScript не должен использоваться, т.к. в большинстве mail clients он не будет выполняться.
6. В самом верху email нужно добавить ссылку мелким шрифтом "Click here if you’re unable to see this email".
При успешном выполнении проекта возможен подобный проект и затем еще один, немного другого плана.
Freelancehunt
