Дизайн Шаблоны
~ 7 мин читать
5190 просмотры
оценить
17 декабря 2019

Почему так важны GIF-анимации в письмах?

Stripo / Blog / Почему так важны GIF-анимации в письмах?

Каждый день мы все получаем множество писем — поэтому неудивительно, что маркетологам становится все труднее придумывать что-то необычное и удивительное. Но использование старой доброй анимации поможет привлечь внимание читателей и одновременно развлечь их.

(источник: письмо от GAP)

Когда и зачем использовать в письмах анимацию?

При помощи анимации вы можете существенно улучшить узнаваемость бренда и укрепить лояльность клиентов. Например, если вы сделаете анимированное лого или анимированный хедер, пользователи узнают ваше письмо среди сотен других.

Когда нужно использовать анимацию?

Анимация — это только один из возможных вариантов для вашего канала email-маркетинга. Но сейчас она становится одним из важнейших методов привлечения пользователей. Stripo представил 16 великолепных примеров анимированных писем, и мы можем сказать вам, какие типы анимации самые эффективные:

  • Анимированное изображение предмета письма

Изображение того, о чем собственно рассылка — это «лицо» письма и первое, что увидит пользователь, когда его откроет. Есть множество способов оживить это изображение. Изменение яркости, блеск, повороты и другие эффекты сделают изображение заметным и убедительным.

  • Анимированный текст

Особенно хорошо работает в рассылках о распродажах. При помощи анимированного текста вы можете выделить самые важные элементы — например, скидки или уникальные предложения вашего бренда — и таким образом повысить шансы привлечь внимание пользователей.

(источник: письмо от GAP)

  • Анимированная последовательность изображений

Анимации этого типа идеально подходят для e-commerce, так как они позволяют потребителям лучше понять, что вы продаете, на наглядных примерах. Объедините несколько фото ваших товаров в анимацию и покажите самые продаваемые позиции или товары вашей новой коллекции.

(источник: письмо от Victoria's Secret)

Преимущества анимированных писем для бизнеса

Хотя анимация в электронной почте — идеальный способ показать больше и при этом занять меньше места, при создании этой магии нужно учитывать и другие бизнес-задачи. Вот моменты, о которых следует всегда помнить — и тогда вы сможете создать анимации, которые творят настоящие чудеса для вашего бизнеса:

  • привлечь внимание читателя;
  • развлечь его;
  • выделить главные преимущества бизнеса/сервиса/товаров;
  • уделить особое внимание конкретному предложению или сообщению;
  • превратить читателя в покупателя.

GIF-анимации в электронной почте используются не только для того, чтобы больше продать. Их основная миссия — сделать день читателя. Красиво оформленные анимации могут повысить эстетический уровень ваших писем и сделать получателей лояльными клиентами. Если ваша целевая аудитория открывает все ваши письма, читает их, кликает анимации и кнопки — вы все делаете правильно. Если нет — попробуйте поэкспериментировать, или же полностью изменить стратегию и обновить дизайн ваших шаблонов.

GIF-анимации в письмах и их альтернативы

Вы можете использовать GIF-анимации в письмах, и они будут отлично работать. Но если у вас есть время, ресурсы и желание поэкспериментировать, то существует еще один вариант — CSS-анимации. Давайте выясним, в чем их ключевое отличие.

GIF в письмах

GIF-файлы — это анимации на основе кадров, то есть созданные из изображений, сменяющих друг друга в определенной последовательности. Сегодня GIF-файлы являются самым простым способом добавить динамику в электронные письма.

Использование GIF-анимаций в рассылках может повысить ваши показатели конверсии… но может принести и множество внезапных отписок. Дело в том, что мы не всегда на 100% знаем нашу целевую аудиторию. У некоторых пользователей может быть медленное интернет-соединение или проблемы с конкретным приложением почтовика. В таких случаях GIF-файлы могут превратиться в боль и раздражать пользователей.

Чтобы избежать этого, не забывайте о продуманном оформлении писем и не перегружайте их тоннами картинок и анимаций. Кроме того, всегда есть сеть. Если вам не хватает места в письмах, чтобы сделать что-то супер-креативное и громоздкое, просто создайте отдельную целевую страницу со своим предложением и дайте ссылку на нее из более минималистической версии, то есть, собственно, из письма.

CSS-анимации в письмах

Когда мы говорим об анимации в электронных письмах, то обычно сразу вспоминаем о GIF-файлах. Но есть еще один вариант — это CSS-анимация. Хотя всего пару лет назад программисты не особо любили начинять HTML-письма CSS-анимациями, сегодня уже нет никаких причин, чтобы не попробовать это сделать.

По результатам опроса, проведенного Litmus, только 30% всех брендов используют CSS-анимации в своих письмах. И это печально — потому что основное преимущество таких анимаций в сравнении с форматом GIF заключается в том, что они позволяют электронным письмам загружаться намного быстрее. Кроме того, письма с CSS-анимацией более интерактивны, так как эффект движения зависит от действий пользователя. Например, при помощи CSS вы можете создавать кнопки с эффектом наведения и делать плавные переходы между состояниями элемента.

Какой бы ни была специфика вашего бизнеса, продуманная реализация CSS в письмах гарантирует повышение вовлеченности пользователей.

Видео в письмах

Видео — еще одна альтернатива GIF в электронных письмах. При помощи видеороликов вы можете лучше представить свои товары, используя возможность показать и описать все уникальные особенности — либо наглядно объяснить пользователям, как использовать ваш инструмент.

Stripo-How-to-Embed-Videos-Infogram

(источник: письмо от Infogram)

Чтобы узнать подробнее о том, как добавлять или даже встраивать видео с помощью Stripo, прочитайте специальную статью в нашем блоге.

Какие типы писем анимировать?

Анимации не смогут помочь вам повысить конверсию, если они размещены не там, где нужно. Итак, давайте разберемся с разновидностями писем, которые идеальны для анимации:

  • Промо-рассылки и распродажи

Конечно, скидки — это наилучший способ продать больше. Это касается не только брендов одежды, но и любого бизнеса, который связан с продажами. Проведите распродажу в конце лета, в Черную Пятницу или в зимние праздники — и пусть ваши пользователи узнают об этом из рассылки с классной анимацией.

(источник: письмо от GAP)

  • Праздничные кампании

Будет ли здесь праздничная скидка, или это просто доброе письмо с поздравлением — решать вам. Главное, о чем нужно помнить — люди любят праздники, и им нравится, когда их поздравляют. Рассылки на День Святого Патрика, День Благодарения, Рождество и другие праздничные письма — идеальные места для симпатичных анимаций.

(источник: письмо от Hipmunk)

  • Обучающие письма

Опять же, специфика вашего бизнеса здесь не имеет значения — пользователей нужно информировать о важных вещах. Если подробнее, то их может интересовать, как использовать ту или иную функцию, как подобрать одежду, которую вы продаете, или каковы реальные преимущества вашего сервиса в сравнении с другими. Письма этого типа помогут вам стать ближе к аудитории, и анимация — лучший способ показать эксклюзивные товары.

(источник: письмо от Monica Vinader)

GIF в письмах: лучшие методики

Чтобы соблюдать требования доступности писем и делать рассылки доступными для всех читателей, вам нужно:

  • всегда добавлять смысловой альтернативный текст в GIF-файлы, чтобы помочь людям, которые используют программы чтения экрана, понять, о чем GIF-файл;
  • выбирать GIF-изображения со скоростью не более двух кадров в секунду, чтобы предотвратить приступы фотосенситивной эпилепсии у некоторых читателей;
  • добавлять только одну GIF-анимацию на скролл экрана — по той же причине;
  • размещать самое важное изображение на первом кадре — некоторые старые версии Outlook не поддерживают GIF и просто показывают первый кадр.

В завершение

Анимации в письмах — больше не краткосрочная мода. Они жизненно важны, если вы хотите заинтересовать целевую аудиторию, развлечь людей и мотивировать их подписываться на ваши рассылки. Не забывайте регулярно обновлять шаблоны, чтобы не отставать от новейших трендов цифрового дизайна и email-маркетинга. Создавайте такие письма, которые будут полезны, интересны для чтения и приятны для просмотра. Перед отправкой тщательно тестируйте все элементы писем, а не только анимации. Следуйте этой простой, но эффективной стратегии — и успех email-канала вашего маркетинга гарантирован!

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
2 дня назад · 19 мин читать
20 писем-анонсов запуска нового продукта + готовые шаблоны

Что делает iPhone самым ожидаемым продуктом года? Все мы знаем, что существуют смартфоны не хуже, чем продукция Apple (дико извиняюсь, дорогие разработчики Apple), но люди в основном не обращают особого внимания на их выпуск и обновления. (Источник: письмо от Apple) Конечно, можно предположить, что таким долгожданным его делает престиж бренда. Но изначально имя Apple было не особо известным. И тем не менее уже первый яблочный релиз широко обсуждался. В чем же секрет успеха? Все дело в хорошо продуманной кампании-анонсе запуска...

Дизайн Маркетинг Шаблоны
Smart Elements_Cover Image
9 дней назад · 8 мин читать
Автоматизация создания рассылок, или Как использовать smart-элементы в email-маркетинге

Просто представьте себе создание карточки товара с дизайном, который вам действительно нравится, всего несколькими кликами! Все, что от вас требуется — вставить ссылку на нужный товар на вашем сайте. Stripo самостоятельно добавит в ваши проморассылки название, описание и изображение товара. Не нужно сохранять и загружать изображения, не нужно копировать и вставлять описание товара, прикреплять к кнопкам соответствующие URL-адреса — всем этим займемся мы. Похоже, мечта сбылась? Вот именно, и сейчас мы научим вас основам использования этой магии в рассылках. Что...

Маркетинг Шаблоны How-to
Будьте всегда в курсе последних новостей в области email-маркетинга!