Изучила исследования аналитиков и мнения специалистов email-маркетинга и написала для сайт колонку с трендами в дизайне email-рассылок в 2017 году.
215 миллиардов электронных писем отправляется ежедневно - это эффективный и популярный канал коммуникации, что бы о нём ни говорили. В email-маркетинге есть свои тенденции, самые заметные из них - в оформлении писем. Проверьте, насколько ваши рассылки им соответствуют.
Смартфоны победили десктоп. Согласно исследованиям Litmus, 55% писем открывают на мобильных устройствах. В 2017 году тенденция сохранится, поэтому самое время проверить свои рассылки на адаптивность. Руководствуйтесь основными принципами:
Универсальность . Разработайте адаптивный макет, чтобы письмо корректно отображалось на всех устройствах.
Телефония . Используйте возможности смартфонов: добавьте призыв к действию «позвонить» или «заказать звонок».
Разные CTA для мобильных и десктопа
Юзабилити . Не мельчите: пользователи не смогут рассмотреть маленькие заголовки, например, в верхнем меню. Сделайте из горизонтального меню вертикальное и увеличьте шрифт. Получится меню, которым удобно пользоваться на маленьком экране:
Адаптивное меню
Критично важный момент - тестировать макеты под почтовыми клиентами, которыми пользуются получатели ваших рассылок.
В интерактивных письмах нет статичного содержания: списки разворачиваются, элементы двигаются, картинки вращаются. Это позволяет превратить бесконечное «письмо-лендинг» в компактный макет с удобной навигацией.
Интерактивные элементы работают на CSS3, а спроектированы могут быть, например, в Adobe Experience Design или Sparkbox . Задача таких инструментов - помочь сосредоточиться на контенте, а не на вёрстке.
Сегодня существует множество почтовых клиентов - десктопные приложения (например, Microsoft Outlook, AOL, Thunderbird), веб-сервисы (Gmail, Mail.Ru Group), мобильные клиенты. В зависимости от того, какие технологии они используют, ваши дизайнерские изыскания в виде CSS-анимации будут работать или не работать в разных клиентах. Стоит предусматривать упрощенные варианты отдельных блоков и прописывать их в media queries.
К слову, в сентябре 2016-го Gmail, наконец, объявил о том, что клиент начинает поддерживать адаптивную верстку писем. Это большой шаг для индустрии почтовых клиентов в целом - переход на адаптивную верстку рассылок станет еще более массовым явлением.
Анимированные изображения - ещё один способ «оживить» рассылки. У них есть одно важное преимущество - простота производства. В то же время гифки способны наглядно продемонстрировать продукт в действии - поэтому, несмотря на то, что поклонники CSS предрекают скорейшую гибель GIF-анимации, та будет жить и процветать еще долго.
GIF-анимацию нужно использовать осторожно, она не должны перетягивать на себя внимание пользователей и перегружать вычислительные мощности устройства. В этом руководстве есть инструкция по созданию и оптимизации анимации для рассылок, а в этой подборке - много неплохих примеров.
Еще одна важная деталь - если анимация не загрузится у пользователя (например, по причине медленного соединения) - тот увидит только ее первый кадр. Поэтому стартовый кадр должен быть максимально информативным. По этой же причине не стоит делать слишком «тяжелые» гифки.
Анимация растровой графики - почти всегда потеря качества. Избежать этого помогают векторные изображения. Они масштабируются без изменений, мало весят и быстро загружаются.
Пара полезных JS-библиотек для работы с SVG-анимацией: SnapSVG и GreenSock GSAP .
Электронная почта - главный инструмент ретаргетинга. Магазины знают, какую пару туфель смотрел пользователь в каталоге, положил её в корзину, но так и не совершил покупку. Письма как инструмент ретаргетинга продолжат эволюционировать - отказываясь от текстовых сообщений в пользу полностью интерактивных товарных карточек (непосредственно внутри письма).
Будущее контент-маркетинга за видео - пишет газета The Guardian. По прогнозам Cisco, к следующему году видео охватит 69% всего интернет-трафика. Оно выйдет за пределы YouTube и будет активно применять в email-маркетинге.
Несмотря на эти преимущества, видео редко встраивается в письма (обычно предпочитают давать ссылку на видеохостинг).
На деле вставить видео в рассылку нетрудно - большинство сервисов поддерживает вставку роликов по ссылке (тот же Mailchimp). Видео может быть и фоном для отдельных элементов или всего макета сразу. Для этого есть онлайн-редактор Mailigen .
Изображения можно объединять в слайдер или галерею, а не разбрасывать по всему макету, как это делают бренды в большинстве случаев. «Галерейный» подход экономит пространство и позволяет лучше управлять вниманием пользователя.
Насыщенные цвета помогают лучше структурировать контент.
Даже великолепно оформленные письма иногда не работают, как этого хочется бизнесу. Причина - в контенте. Оно заслуживает такого же пристального внимания, как и макет. Речь о типографике.
А если письмо получается объёмным, включите в начало содержание. Его можно оформить таблицей с якорными ссылками на отдельные элементы. Это улучшит навигацию и позволит читателям изучить именно тот контент, который им наиболее интересен.
Текст - главный инструмент в рассылках. Согласно исследованиям , 43% пользователей не используют просмотр изображений в почтовых программах. Чтобы выделить ключевые сообщения, применяйте стили для текста - цвет, начертание и размер кегля. Сам текст набирайте веб-шрифтами или подгружайте нужные с Google Web Fonts .
Как сделать макет plain-text динамичным? Используйте отступы. Они делают текст удобным для чтения, поэтому пользователи изучают такие письма тщательнее - это подтверждает исследование по психологии.
Из этой статьи вы узнаете, как сделать письмо для E-mail рассылки на онлайн-конструкторе Wilda. В чем отличие форматов Html и Jpeg, и какой формат подойдет вам больше.
Все мы пользуемся электронной почтой, и часто получаем красивые оформленные электронные письма, содержащие не просто текст, а еще изображения, логотипы, цветные фоны и другие элементы дизайна.
Оформить такое письмо можно двумя способами:
Остановимся на каждом варианте подробнее чуть ниже, а пока давайте разберемся, что такое Html письмо, и в чем особенности его оформления.
Html письмо – это письмо, созданное на языке Html (также, как и сайты в интернете). Если у вас нет достаточных навыков, то самостоятельно создать такое письмо у вас не получится. Для этого вам потребуется помощь профессионального верстальщика, который создаст такое письмо с помощью материалов, предоставленных ему вами: тексты, изображения, структура письма. После создания html письма вам понадобится специальное программное обеспечение для рассылки его адресатам.
Существует достаточно много сервисов, позволяющих самостоятельно создать электронное письмо с помощью готовых шаблонов или используя конструкторы Html писем, а затем отправить его. Минусом этого подхода может стать некорректное отображение вашего письма у некоторых получателей, так как при создании письма может генериться лишний код, либо шаблоны недостаточно хорошо адаптированы под различные почтовые клиенты – программы, собирающие и отправляющие почту, такие как Mail, Yandex, Gmail, Rambler, Outlook,Thunderbird или The Bat.
Та же самая проблема существует и с отображением Html писем на мобильных устройствах. Ведь, по сути, рассылка и есть почти полноценная страница сайта, которая должна быть адаптирована под различные устройства.
Помимо этого, при создании рассылки требуется учитывать ограничения по использованию номенклатуры шрифтов, так как если на компьютере вашего получателя не установлен шрифт, выбранный вами для оформления письма, то он заменится на один из общеупотребительных шрифтов, например, Arial, и ваша дизайнерская задумка может не состояться!
На конструкторе Wilda вы можете:
Для этого при создании нового документа выберите тип «E-mail рассылка» или воспользуйтесь подходящим шаблоном. Ширина документа будет 700 px – рекомендуемое значение для успешного отображения письма на мобильных устройствах, а высоту вы можете регулировать в зависимости от контента. После окончания редактирования просто сохраните ваше письмо в виде Jpeg файла.
Для создания веб-версии письма вам достаточно просто опубликовать ваш макет на сайте Wilda, и у него появится собственный адрес в сети.
Если обстоятельства требуют от вас создания Html письма, то с помощью конструктора Wilda вы можете создать макет письма для того, чтобы специалистам было проще понять, что вам необходимо. Вместе с макетом вам останется только передать специалисту исходники изображений и ждать результата!
Подробнее об оформлении электронных писем читайте в статье Как создать письмо для E-mail рассылки.
В любом Html письме есть необходимый набор элементов: шапка, подвал, фон или изображения. С помощью онлайн-конструктора Wilda вы можете создавать или редактировать эти элементы, сохраняя каждый в
отдельности в виде файла Jpeg.
Для этого в конструкторе предусмотрено создание документов любых размеров.
Уточните у вашего специалиста необходимые требования к элементам и создайте их на конструкторе.
Вы легко справитесь с этой задачей, особенно если уже создавали для себя какие-нибудь документы. При этом в конструкторе уже будут храниться ваши логотипы, изображения,
фирменные цвета и т.д.
Резюмируя все вышесказанное, конструктор Wilda будет, несомненно, полезен всем, кому необходимо создать красивую и эффектную E-mail рассылку.
В преддверии конференции, посвященной Email-маркетингу MailCon
, мы хотим поговорить о трендах в сфере дизайна писем и рассылок. Предлагаем вашему вниманию перевод статьи о лучших дизайнах электронных писем , которую мы, ввиду большого объема, разбили на 5 частей (по 10 кейсов) и опубликуем с интервалом в 2 дня. Думается, нам есть что обсудить, сверив наблюдения и советы зарубежных экспертов с нашим собственным опытом по созданию рассылок. Первые 10 кейсов в основном посвящены роли цвета в создании письма. Ждем ваших комментариев!
Ожидается , что к концу следующего года число зарегистрированных по всему миру ящиков электронной почты превысит 4,3 миллиарда. Нравится нам это или нет, но мы живём в мире, где люди предпочитают пользоваться электронной почтой. Это быстро, удобно, и главное – эффективно.
Как выяснили McKinsey & Company , для привлечения новых клиентов электронные письма в 40 раз более эффективны, чем фейсбук или твиттер – и это лишь один из любопытных фактов , говорящих об успешности email-маркетинга.
Если ваша компания или стартап хочет использовать этот успех, то критически важным становится хороший дизайн письма. При такой большой конкуренции за внимание пользователя, выдающийся дизайн должен сразу привлекать внимание, чтоб избежать риска, что его отправят в корзину, не читая.
Привлекайте ваших клиентов, создавайте рассылки, чтобы охватить массовую аудиторию. Вот как это делают профессионалы – и мы надеемся, что это статья вдохновит вас на собственные выдающиеся дизайны писем!
Email является одной из популярнейших форм общения между представителями организаций, фирм, компаний, частными лицами по самым разным вопросам. Каждый день отправляется множество писем, но не все задумываются: как правильно составлять письмо для рассылки? Соответствует ли содержание и оформление ожиданиям получателя? Зачастую, нам тяжело описать свои мысли. Мы, кажется, и знаем что хотим написать, а вот как это правильно сделать - не совсем понимаем.
Прежде, чем составлять письмо, определитесь с целевой аудиторией, кому вы хотите написать. Если есть какие-то сомнения хотя бы по одному из кандидатов - не включайте его в рассылку. Задумайтесь о своей репутации и напрасно потраченном времени.
Чётко сформулируйте цель для отправки:
Давайте рассмотрим 10 правил составления писем подробнее.
Определитесь с полем «От кого», не обезличивайте его. Намного приятнее получать письмо от человека, нежели от какой-то организации, а ещё хуже просто от неизвестного адреса. Выбрав адрес отправителя однажды, не меняйте его часто. Ваш адрес и имя - визитка компании! Они должны соответствовать, легко узнаваться и запоминаться.
Читатель не должен быть обманут. Именно влияет на решение получателя: читать письмо полностью или удалить даже не просматривая. Постарайтесь заинтересовать читателя, но не раскрывать всю идею письма сразу. Одного короткого предложения вполне достаточно - откажитесь от длинных фраз, рекламных текстов и штампов. Также не стоит указывать в теме письма отправителя.
Рассылка не должна быть однообразной, тем более постоянно повторяющейся. Если вы ранее совершали рассылки - проследите, какая из тем получила больше всего отзывов. Придерживайтесь подобного стиля, но избегайте повторений. Тема должна быть такой, чтоб из десятка полученных писем, подписчика заинтересовало именно ваше.
Например, темы рассылок отправленных в течение месяца:
Пишите адресату, как другу: тепло, искренне и уважительно, избегая при этом фамильярности. Обращаться нужно , предоставляя нужную ему информацию. Обращайтесь к конкретному клиенту только так, как он сам того пожелал: по имени, по имени-отчеству, по прозвищу ☺. Внимательно просмотрите перед тем, как использовать его для автоматической замены. Наверняка, вы встретите досадные опечатки, которые лучше исправить ДО отправки.
Избегайте обращений вроде: Доброго времени суток, Дорогой (-ая), Уважаемый (-ая). Лучше использовать подстановку персонализации, которая доступна в редакторе любого сервиса рассылок.
Составьте письмо так, чтобы получалось и каждый понимал, что обращаются именно к нему. Используйте в письме знания, полученные в процессе рассылки. Подавая общую информацию, постарайтесь учитывать всё, что вы знаете о клиенте, опыт предыдущих рассылок.
Не загружайте текст ненужными деталями, описаниями. В то же время - сделайте текст ёмким и интересным. Лучше создать красивый , чтобы заинтересовать подписчика перейти на сайт и прочитать там более полную информацию.
Придерживайтесь одной темы, не теряйте основную мысль. Если вы и хотите что-то добавить - пусть этот текст существенно не отличается, а ещё лучше отправить отдельное письмо. Излагайте мысли последовательно:
Не используйте понятные только вам слова и сокращения. Текст должен легко читаться и восприниматься.
Например, сравните два текста:
Согласитесь, хоть информация и важная для читателя, но второй текст будет читаться куда проще.
Можно не использовать стандартные фразы, а просто указать:
Клиент должен знать, что у него есть возможность в любой момент связаться с вами или заглянуть к вам в гости, даже если сейчас нет такой необходимости.
Просматривайте , вносите поправки, сделайте его таким, чтобы вы сами хотели его получить. Проверьте все ссылки, просмотрите изображения, есть ли альтернативный текст. Откройте письмо в разных браузерах, отследите сохранилась ли структура письма. Текст письма не должен содержать технических и грамматических ошибок. На привлекательное, грамотное, интересное письмо читатели откликнутся более охотно.
Не забывайте, что даже незначительная мелочь сможет повлиять на результат. Изменяйте содержание писем, проследите, какие факторы склоняют подписчиков читать письмо и реагировать.
Проверьте эффективность вашего письма на мелочах. Например, изменив цвет кнопки «купить» с синего на красный (или наоборот) вы можете повлиять на продажи. Также, можете попробовать изменить её расположение в письме, цвет, шрифт, размер. и разошлите им письма с разным вариантами использования этой кнопки. После этого сравните результаты и выберите оптимальный вариант.
Смело пишите письма! Не бойтесь совершать ошибки. Не ошибается тот, кто ничего не делает. Отправьте сегодня первое письмо и уже завтра вы получите отклик у ваших читателей.☺
P.S.: Дополняйте емейл-кампанию , пуш-уведомлениями или СМСками. Так ваши электронные кампании будут ещё эффективнее.
«, где еженедельно мы будем публиковать переводы статей от гуру мира сего в сфере интернет-маркетинга и не только. Начнем со статьи, где показаны самые красивые дизайны e-mail рассылок ведущих компаний мира.
Боже… Неужели больше ничего веселого не осталось в e-mail маркетинге?
К счастью, осталось еще немного гиков e-mail маркетинга в этом мире (включая ребят из hubspot.com — авторов статьи), которые считают, что не все еще потеряно и не все так плохо. Да, существуют эти примитивные и неинтересные аспекты e-mail-маркетинга, но, хотя они и очень важны для успеха Вашей кампании, они не рисуют всей картины целиком и не описывают всю прелесть e-mail маркетинга.
Несколько брендов также, как и мы, выяснили как придумывать чертовски красивые e-mail рассылки. Обычные рассылки с простым текстом также бывают эффективными, но иногда хочется удивить своих подписчиков чем-то по-настоящему креативным, захватывающим и будоражащим воображение дизайном e-mail рассылки.
Если Вы хотите немного побаловать своих подписчиков во время своей следующей рекламной кампании, то Вашему вниманию несколько примеров для поиска вдохновения.
Если отойти от цветов, то можно обратить внимание на тему, что прослеживается на протяжении всего письма, что в сочетании с цветовой гаммой оставляет неизгладимое впечатление.
Это письмо от Starbucks содержит кучу информации: инструкции к методу Pour-over, CTA к покупке нового продукта, рецепты к летнему напитку float (в содовую, сладкую газировку или другой напиток кладется шарик мороженого. Отсюда и название — float или поплавок — шарик плавает на поверхности напитка. Самый популярный float в России — кофе-гляссе) и так далее.
Чтобы сделать их более просматриваемыми, ребята из Starbucks совместили эти краткие описания с картинками высокого качества (настолько высокого, что создается ощущение, что Вы слышите треск льда от наливающегося сверху горячего кофе). Как и Collaborative Fund, они использовали простые, горизонтальные разделения между каждым топиком.
В добавок, нам очень нравится то, как они внедрили логотипы Pinterest и Instagram рядом с двумя CTA. Эти логотипы взаимодействуют с текстом, ведь для того, чтобы загрузить эти самые рецепты, придется перейти на страничку компании в Pinterest.
В этом примере гораздо более краткое письмо от InVision, которое включает в себя простой дизайн в сочетании с приятным глазу цветом. Благодаря этому более темному синему фону, оба CTA и белый фон внизу письма реально привлекают внимание.
Игра цветов не останавливается на этом письме. Ярко голубой цвет продолжает сопровождать нас и ведет на их сайт, что делает это прекрасным примером прекрасной кампании.
Этот e-mail от GrubHub — великолепный пример продвижения продукта… потому что продвижением тут даже не пахнет. Вместо этого они говорят: «Эй, ты же любишь поесть. Закажи еду через наш сервис!» , e-mail рассказывает нам историю с помощью действительно крутого контента: «Eat Map» (Карта еды, если дословно. По ссылке — карта США с видео о вкусовых предпочтениях в каждом регионе страны.)