Дизайн Маркетинг
~ 10 мин читать
64094 просмотры
оценить
27 октября 2021

Гиф-анимации в письмах: 16 лучших примеров

Stripo / Blog / Гиф-анимации в письмах: 16 лучших примеров

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

Примеры GIF в письмах

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

1. Adidas


(Источник: рассылка от Adidas)

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

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

2. Stripo

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

(Источник: рассылка от Stripo) 

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

3. Ghirardelli

(Источник: рассылка от Ghirardelli)

Как мы уже говорили, вы можете использовать GIF-файлы в письмах, чтобы продемонстрировать широкий спектр ваших продуктов. Вместо того, чтобы создавать 2-3-8 больших ярких баннеров, вы можете разместить все фотографии необходимых товаров в одной GIF. Это хороший способ делать письма короткими, но при этом информативными.

Карусель AMP — хорошая альтернатива таким GIF-файлам.

Делайте промо-рассылки короткими с помощью карусели AMP
Начать

4. Chubbies

(Источник: рассылка от Chubbies)

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

5. Forever 21

(Источник: рассылка от Forever 21)

Прекрасный образец оформления скидок к Чёрной Пятнице. Выглядит стильно и интригующе! Что ещё нужно для того, чтобы привлечь внимание клиента?

6. CB2

(Источник: Really Good Emails)

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

7. Quartz

(Источник: Really Good Emails)

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

Примечание: но было бы еще лучше, будь анимация чуть медленнее.

8. Monica Vinader

(Источник: рассылка от Monica Vinader)

Хоть и доказано, что видео повышает конверсию, стоит учесть еще один факт — у клиентов не всегда есть время смотреть его. Компания Monica Vinader нашла альтернативу и анимировала картинку, чтоб показать и свой продукт, и как он смотрится в реальной жизни на руке модели.

9. Uber 

(Источник: Really Good Emails)

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

10. Alit

(Источник: Really Good Emails)

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

Как видим, на определенном этапе вполне уместно анимировать текст краткой презентации или инструкции по использованию. Хороший способ, если вы хотите, чтобы получатели полностью прочли ваше сообщение.

11. Loft

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

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

Находчиво.

12. Stripo

(Источник: рассылка от Stripo)

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

Используйте этот шаблон письма с GIF-изображением 
Выбрать

13. Lyft

(Источник: Really Good Emails)

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

14. Everlane

(Источник: рассылка от Everlane)

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

У Everlane получилось!

15. Stripo

(Источник: рассылка от Stripo)

В этом письме Stripo использовали GIF в качестве превью-изображения для видео, чтобы пользователи наверняка заметили how-to видео в рассылке.

Примечение:

В Stripo вы можете добавлять в свои видео кастомные превью-изображения.

Подробную инструкцию можно найти в статье ниже:

13 мин читать

40266 просмотры 4.6

Как встроить видео в сообщение с помощью Stripo Перейти

16. Chubbies

(Источник: рассылка от Chubbies)

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

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

Мы перечислим самые важные из них:

Размер

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

Скорость

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

Примечание:

Не обязательно анимировать целые баннеры. Можете «оживить» только некоторые элементы картинки, что будет смотреться не менее выигрышно.

(Источник: Really Good Emails)

Количество

Не используйте более одной гифки в одном письме:

  • во избежание эпилептических приступов;
  • чтоб письмо не было тяжелым и быстрее подгружалось;
  • некоторые версии Outlook только недавно начали поддерживать гифки. И если в письме более трех гифок, то все они не будут воспроизводиться автоматически — на них будет кнопка «Play».

Помните, что в письме должна быть одна главная мысль, которую и отображает гифка. Хотите продать? Покажите в гифке главное преимущество товара. Хотите проинформировать? Сделайте текст заметным с помощью анимированного фона.

Alt-текст

Знали ли вы, что некоторые получатели нарочно отключают отображение картинок и, как результат, гифок? А иногда у подписчиков бывают перебои с интернетом. Все это приводит к тому, что самой гифки они не видят, но видят аль-текст. Важно, чтоб он точно и лаконично описывал содержание картинки. Также важно добавлять аль-текст из соображений доступности писем.

Первый кадр — ключевой

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

Какие почтовые клиенты поддерживают GIF

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

Ниже представлены почтовые клиенты, которые поддерживают гифки.

Desktop clients:

  • Lotus Notes (6,7, 8);

  • Outlook 2000-2003;

  • Outlook for Mac;

  • Apple Mail;

  • Windows 10 Mall;

  • Outlook 365.

Webmail clients:

  • Gmail;

  • G Suite;

  • Yahoo!Mail;

  • AOL;

  • Outlook.com;

  • Mail.ru.

Mobile Clients:

  • iOS Mail;

  • Android (native);

  • Android (Gmail);

  • Blackberry.

Вывод

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

  • продемонстрировать ваш продукт с разных углов или во всем его многообразии;

  • показать способы его применения;

  • акцентировать внимание на главной мысли;

  • анимировать кнопку призыва к действию;

  • просто поднять настроение своему клиенту.

Проявите креативность и сделайте письма ярче при помощи гифок!

Создай письмо с gif-анимациями в Stripo

Gianluigi Cannavaro 1 неделю назад

These Examples of animated GIFs are the basics of what you can use in newsletters to improve them, and it's great they're so simple and interesting at the same time.

Tooky Tooker 1 неделю назад

Not sure if I'm a fan of Ghirardelli and Monica Vinader's Animated GIFs in Emails because they look too simple, but I guess they are actually useful in some cases.

Ernest Candace 1 неделю назад

I'd say that Animated GIFs in Emails are a great way to provide info for subscribers, you just need to make sure that they're actually good-looking.

Johnny Quid 1 неделю назад

Isn't it distracting to use Animated GIFs in Emails? I thought about that, but for some reason, I changed my mind, and I'm not sure if it's actually worth it.

Elena Adler 2 недели назад

I like that the Animated GIFs in Emails of Uber and Alit are so simple yet attractive, that's pretty stylish.

Jeremy Soul 2 недели назад

Animated GIFs in Emails are actually interesting, they can make an email look pretty creative. I'm glad I stumbled upon this article, now I'll definitely add something like that!

Alexander Drache 2 недели назад

I'm not surprised that the CB2 one is so interesting, these guys are pretty creative. Animated GIFs in Emails are definitely not their weakest side.

Milky Floor 2 недели назад

I've seen the forever 21 one, and I like that these Animated GIFs in Emails are pretty simple yet attractive and catchy.

Brigit Krüger 2 недели назад

Chubbies' animated GIF looks really cool, I like that it's so dynamic and actually useful. It's great when Animated GIFs in Emails can help potential clients.

Stan Fellon 2 недели назад

I like the one with the clocks, it looks so minimalistic and stylish. Examples of animated GIFs help a lot when you're working on newsletters, so thanks for the post!

Lucya Smit 2 недели назад

Animated GIFs in Emails, Examples of animated GIFs

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

Предыдущие статьи Следующие статьи
banner9
06 июня · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
24 мая · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

Одна из самых серьезных проблем при создании электронных писем — правильно выбрать шрифт. Вес, высота, ширина, цвет, форма, интервал… Все ли здесь имеет значение? Да, важно все, но самое главное — выбрать читабельный шрифт. В этой статье мы расскажем, как выбрать лучший профессиональный шрифт для рассылки. Создавайте элегантные письма с помощью Stripo в кратчайшие сроки, используя наши готовые шаблоны Ознакомиться   Шрифты HTML-писем: основные правила, которые нужно соблюдать При выборе оптимального шрифта следует учитывать три базовых правила: 1. Не используйте более двух шрифтов...

Дизайн Шаблоны
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

Дизайн Маркетинг
08 апреля 2021 · 17 мин читать
Дизайн подписи в письмах: 14 лучших примеров

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

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