Разборы

Огонь, шарики и безработный воробей. 6 приёмов незабываемой GIF-анимации в письмах

Делимся крутыми примерами писем с GIF

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

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

Анимация у Нетологии
GIF всегда интересно обыгрывает первую статью в письме

GIF-анимация подходит не только интернет-магазинам и развлекательным сайтам. Её используют В2В-проекты, образовательные платформы (Нетология — тому пример), компании в сфере услуг и туризма.

Посмотрим, для каких целей можно использовать анимацию в письме.

Для чего используют GIF-анимацию в рассылках

1. Анонсировать распродажу, событие, акцию

GIF-анимация оправдана, когда нужно подчеркнуть важность события, передать идею быстро и с максимальным эффектом. Письмо Amazon.com с рекламой «Черной пятницы» как раз такое. Авторы взяли стандартные изображения товаров с предстоящей распродажи и интеерсно обыграли их. Завораживает.

Письмо Amazon на Чёрную пятницу

Ещё один пример – рассылка магазина Loft ко Дню святого Валентина. В письме воздушные шары добавляют очарования и не отвлекают от призыва к действию. По размеру такое сообщение будет невелико, что обеспечит быструю загрузку.

Рассылка Loft

Из отечественных примеров – зоомагазин «4 лапы» очень удачно использует gif-картинки практически в каждом письме.

Анимация в магазине Четыре лапы

2. Объяснить, как работает

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

Вот как при помощи GIF-анимации были показаны новые возможности приложения Sprout Social для iPhone.

Новые возможности Sprout Social

3. Показать товар в действии и со всех сторон

Это прием – находка для интернет-магазинов. Зачем выкладывать много фотографий, если можно показать товар со всех сторон при помощи GIF-анимации? Так сделали Boden со своим рюкзаком.

Рюкзак Boden со всех сторон

А вот так в Dell решили показать ноутбук-трансформер в действии. Действительно, лучше один раз увидеть.

Ноутбук-трансформер в действии

MarketingSherpa опубликовали отчёт с результатами этого письма. В Dell не делали сплит-тест, а сравнили результаты писем с аниимациями и без них. Результаты рассылки с GIF:

  • Кликабельность увеличилась на 42%.
  • Конверсия в покупку увеличилась на 103%.
  • Прирост выручки составил 109%.

4. Подчеркнуть ассортимент, обыграть сочетания и аксессуары

Разные товары, модели, цветовые гаммы можно встроить в одну GIF-картинку. Это и динамику придаёт, и ассортимент показывает. Так магазин мужской одежды Jack Spade показывает разнообразие новой коллекции.

Как обыграть разные сочетания с помощью GIF

5. Привлечь внимание к важной детали

В каждом письме от L’Occitane движущийся грузовичок в футере подчёркивает наличие бесплатной доставки.

Важная деталь в письме

6. Персонализировать письмо

Ювелирный магазин Helzberg Diamonds добавил в письмо движущиеся буквы-подвески с именем подписчика. Это сложная и высококлассная работа — каждому подписчику приходило персонализированное пиcьмо с GIF.

Движущиеся подвески

Письмо с движущимися подвесками дало на 288% больше продаж, чем обычная рекламная рассылка.

Что важно помнить, когда делаете GIF-анимацию

Блог Marketing Cloud даёт несколько советов, как использовать анимации в рассылке.

  1. Используйте анимацию целенаправленно и уместно. А не потому, например, что вы наняли дизайнера, который умеет её делать.
  2. Обратите внимание на первый фрейм. Формат GIF достаточно старый, но не все почтовые приложения его поддерживают. Outlook 2007, 2010, 2013 и Windows Phone 7 покажут только первый кадр анимации, поэтому сделайте эту картинку максимально наглядной.
  3. Поставьте ссылку. GIF-анимация показывает хорошую кликабельность. Поэтому её особенно хорошо использовать для призыва к действию. Так, если вы вставляете в рассылку анимацию на основе видео, не забудьте поставить ссылку на полный видеоролик, который можно посмотреть на сайте.
  4. Контролируйте размер изображения. Желательно, чтобы GIF-картинка не превышала 200 КБ. Этого можно добиться, если уменьшить количество кадров либо сократить цветовую палитру.

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