Верстка HTML писем

Добрый день, уважаемые форумчане!

Предлагаю свои услуги по вёрстке HTML писем. Верстаю фиксированные, резиновые, респонсивные (медиа-запросы) и гибридные (медиа-запросы + резина) шаблоны. Делаю проверку писем на 40+ email-клиентах. Работаю со следующими сервисами:

• Популярные русскоязычные почтовые сервисы: mail.ru, yandex.ru, rambler.ru.

• Web-клиенты: AOL Mail (Chrome), AOL Mail (Explorer), AOL Mail (Firefox), Gmail (Chrome), Gmail (Explorer), Gmail (Firefox), Outlook.com (Chrome), Outlook.com (Explorer), Outlook.com (Firefox), Yahoo! Mail (Chrome), Yahoo! Mail (Explorer), Yahoo! Mail (Firefox).

• Desktop-клиенты: Outlook 2000, Outlook 2002, Outlook 2003, Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016, Thunderbird последние версии.

• Мобильные клиенты: Apple Mail (iPhone 4), Apple Mail (iPhone 4S), Apple Mail (iPhone 5), Apple Mail (iPad), Android 4.4, Android 5.0, Android 6.0, iPhone 4, iPhone 5, iPhone 6, iPhone 7.

Виды шаблонов:

Фиксированные. Шаблон имеет фиксированную ширину, на мобильных устройствах такое письмо просто масштабируется под размер экрана. При этом блоки, картинки и шрифты пропорционально уменьшаются. Зачастую такое письмо отображается более-менее нормально, однако в некоторых случаях блоки в письме могут “съехать”, а маленькие элементы будут не очень разборчивы.

Респонсивные (responsive). В таком шаблоне перестроение блоков, увеличение-уменьшение отступов, шрифтов происходит за счет использования медиа-запросов (media-query). Такая вёрстка популярна и используется в тех случаях, когда дизайн макета не позволяет использовать резиновый подход. Главный минус технологии в том, что медиа-запросы, к сожалению, поддерживают далеко не все мобильные почтовые клиенты. Соответственно, там, где нет поддержки, то письмо будет просто замасштабировано, как в случае с обычной фиксированной вёрсткой. Мобильные почтовые клиенты mail.ru и yandex.ru не поддерживают медиа-запросы.

Резиновые. Это оптимальный вариант для адаптивного письма. Блоки и отступы делаются с помощью относительных величин (%), поэтому такое письмо будет перестраиваться на всех мобильных почтовых клиентах, независимо от их поддержки медиа-запросов. Минус такого подхода в том, что он весьма требователен к дизайну макета. Далеко не каждый макет удается сверстать на чистой резине. Поэтому для использования резиновой вёрстки нужен дизайнер, который понимает принципы, по которым можно строить сетку макета и располагать там элементы.

Гибридные (медиа-запросы + резина). Каркас шаблона выполнен с помощью резиновой вёрстки, а шрифты, отступы и различные элементы дизайна могут быть изменены с помощью медиа-запросов для мобильных версий. В почтовых клиентах, где есть поддержка медиа-запросов, можно будет увидеть эти изменения. Такой подход наиболее универсален, так как позволяет использовать преимущества обеих техник и нивелировать их недостатки. Это наилучший вариант из всех имеющихся.

Портфолио с примерами, а также отзывы можно посмотреть тут.

Сроки: вёрстка письма занимает примерно 1-3 дня.

Цены: в среднем от 600р. до 2500р. за письмо.

Оплата:

Webmoney, Yandex-деньги, credit-card. Предоплата 50%, поэтапная оплата, по договоренности.

Примечание: если нужен дизайн+вёрстка, то также можете обращаться. Работаю с дизайнерами, которые разбираются в нюансах и особенностях вёрстки писем. ТЗ для макета обсуждается отдельно с дизайнером.

Контакты:

• Skype: vamplerk

• Email: vamplerk@gmail.com

Первым двум заказчикам скидка: 30%