15 ярких примеров анимированных GIF-ок в письмах

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

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

Ключевые выводы

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

Примеры анимированных GIF-ок в письмах

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

1. Adidas

Adidas использовал анимацию в письмах, чтобы показать доступные варианты цветов. Выглядит аккуратно и просто, но при этом потрясающе.

GIF-ки позволяют сэкономить много драгоценного места в промописьмах.

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

2. Stripo

Анимации в письмах не только веселят получателей и привлекают их внимание. Например, Stripo использовала GIF-ку, чтобы продемонстрировать, как smart-элементы ускоряют процесс создания писем.

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

3. Ghirardelli

Вместо создания нескольких больших ярких баннеров можно объединить все необходимые изображения продуктов в одну GIF-ку. Такой подход позволяет сделать письма лаконичными и одновременно продемонстрировать разнообразные визуальные элементы, как в случае с этими идеями подарков «своими руками» от Ghirardelli.

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

4. Chubbies

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

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

5. Forever 21

Эта GIF-ка прекрасно передает ажиотаж Черной пятницы. Имитируя цифровую скретч-карту, она показывает скидки и побуждает получателей перейти по ссылке, чтобы ознакомиться с полным предложением.

(Источник: письмо от Forever 21)

6. CB2

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

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

7. Quartz

Вы любите читать? Quartz позаботилась о том, чтобы вы могли сразу увидеть содержание книги, открыв их новое письмо! Здесь можно быстро ознакомиться с разметкой книги и иллюстрациями.

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

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

8. Monica Vinader

Доказано, что видеоролики повышают конверсию, но их подготовка часто требует больше времени и ресурсов. Monica Vinader нашла простое решение: GIF-ка на два кадра, на которой показан сам браслет и то, как он смотрится на руке модели.

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

9. Alit

Alit продемонстрировала оригинальный способ презентации своего нового вина с помощью анимированной GIF-ки в своих письмах. Без GIF-ки описание продукта было бы скучным, и подписчики могли бы упустить уникальное послание бренда.

Это отличное напоминание о том, что анимация текста идеально подходит для коротких вступлений или простых мануалов.

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

10. Loft

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

(Источник: Pinterest)

11. Stripo

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

(Источник: шаблон Stripo)

12. Lyft

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

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

13. Everlane

Everlane использовала смелую минималистичную GIF-ку, чтобы подчеркнуть свою работу в области экологичности. Крупные слова появляются постепенно, чтобы донести одну мысль: «К моменту, когда вы дочитаете это письмо, будет произведено миллион новых пластиковых бутылок», что сразу же дает понять, какое воздействие это оказывает на окружающую среду. Если бы это был просто статичный блок текста, сообщение не было бы столь же убедительным, как GIF-ка.

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

14. Charity Water

Charity Water использовала GIF-ку в качестве миниатюры видео в этом письме, чтобы получатели обязательно заметили его и перешли по ссылке для просмотра видеоинструкции.

(Источник: письмо от Charity Water)

Важно: в Stripo можно добавлять к видео любые кастомные миниатюры. Мануал по этой функции можно найти в материале блога по ссылке ниже.

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

Как добавить видео в письмо?

15. Chubbies

Бренд одежды использовал это анимированное письмо, чтобы привлечь внимание клиентов к своим грандиозным распродажам. Эта милая GIF-ка показывает деньги, текущие из счастливого и улыбающегося облака — забавный намек на экономию для покупателей (а может и просто на деньги, текущие в карманы Chubbies) в связи с падением цен.

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

Рекомендации и требования к GIF-кам в письмах

Чтобы обеспечить правильную работу GIF-ок в письмах, необходимо учитывать несколько технических требований и рекомендаций.

Размер

Оптимальный размер GIF-ки в письме составляет от 500 КБ до 1 МБ. Более крупные GIF-ки могут загружаться дольше, поэтому рекомендуется сжать файл перед добавлением его в письмо.

Скорость

Не делайте анимированные GIF-ки слишком быстрыми — максимум три кадра в секунду. Быстро мигающие картинки могут вызвать приступы у людей с фоточувствительной эпилепсией или недиагностированными заболеваниями.

Важно: не обязательно анимировать весь баннер. Можно оживить всего несколько элементов, и при этом GIF-ка все равно будет выглядеть красиво.

(Источник: письмо от Harry’s)

Количество GIF-ок

Не используйте более одной анимированной GIF-ки в письмах:

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

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

Alt-текст

Некоторые получатели сознательно отключают отображение изображений и GIF-ок, а у кого-то может быть медленный интернет. В результате они не увидят саму GIF-ку, но смогут увидеть alt-текст (если он был добавлен). Важно, чтобы этот текст точно и лаконично описывал суть изображения.

Добавление alt-текста также имеет огромное значение для доступности писем. Большинство конструкторов писем или софта для email-маркетинга позволяют легко его добавить.

Первый кадр является ключевым

Поскольку некоторые почтовые клиенты не в полной мере поддерживают GIF-ки и отображают только первый кадр в виде статичного изображения, важно убедиться, что этот первый кадр передает основную идею email-кампании.

Почтовые клиенты с поддержкой GIF-ок

Большинство современных почтовых клиентов поддерживают изображения в формате GIF. Однако есть исключения: Microsoft Outlook 2007-2016 и Windows Phone 7 не отображают анимацию, а показывают только первый кадр GIF-ки. Имейте это в виду при создании GIF-анимации.

Вот список почтовых клиентов, которые поддерживают GIF-анимацию:

Десктопные клиенты

• Lotus Notes (6, 7, 8);
• Outlook 2000-2003;
• Outlook для Mac;
• Apple Mail;
• Windows 10 Mall;
• Outlook 365.

Вебклиенты

• Gmail;
• G Suite;
• Yahoo!Mail;
• AOL;
• Outlook.com.

Мобильные клиенты

• iOS Mail;
• Android (нативный);
• Android (Gmail);
• Blackberry.

В завершение

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

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

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