menu

Как сделать GIF-анимацию для email-рассылки

Как сделать GIF-анимацию для email-рассылки 1

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

«Взлетаем!» Этой динамичной гифкой начинается письмо от компании General Assembly с приглашением на интенсивный курс по веб-разработке.

Такая картинка вдобавок к описанию курса делает письмо гораздо интереснее. И ассоциации возникают правильные: скорость и компьютерные технологии – это здесь. Да и текстовые расписания или анонсы курсов со статичными иконками уже порядком надоели.

Посмотрим на ситуации, когда gif-анимация в рассылке используется творчески и уместно.

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

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

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

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

Из отечественных примеров – зоомагазин «4 лапы» очень удачно использует gif-картинки практически в каждом письме. О рассылках этого магазина вы можете посмотреть отдельную статью с примерами анимированных писем для владельцев домашних животных. Мы не будем их дублировать здесь.

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

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

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

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

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

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

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

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

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

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

Использовать маленькую GIF-картинку – хорошее решение. Никаких проблем с загрузкой из-за крохотного объёма файла, да и письмо становится интереснее и выразительнее.

Как работает GIF-анимация: результаты тестов

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

С помощью анимированной картинки на сайте и в рассылке Dell увеличила выручку на 109%. Это пример того, как можно при помощи GIF-анимации показать новый продукт потенциальному покупателю, который не готов читать много букв.

В Dell не делали сплит-тест, а сравнили результаты кампании с обычными рассылками без анимации. И вот что получили:

  • Рост кликабельности (click rate) – 42%
  • Увеличение конверсии – 103%
  • Прирост выручки – 109%

Грубо говоря, новый подход с GIF-анимацией в рекламе привел к удвоению конверсии и продаж.

И ещё один пример, уже ставший классикой email-маркетинга.

Ювелирный магазин Helzberg Diamonds увеличил продажи при помощи GIF-анимации на 288% по сравнению с обычным рекламным письмом. Движущиеся буквы-подвески составляли имя подписчика. Слоган компании: «У нас есть украшение с вашим именем». Фактически, это полноценная персонализация c использованием GIF-картинок. Сложная и высококлассная работа!

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

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

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

2. Обратите внимание на первый фрейм. Хотя формат GIF – достаточно старый, не все почтовые приложения его поддерживают. Outlook 2007, 2010, 2013 и Windows Phone 7 покажут только первый кадр вашей анимации, поэтому сделайте эту картинку максимально эффективной.

3. Поставьте ссылку. GIF-анимация показывает хорошую кликабельность. Поэтому её особенно хорошо использовать для призыва к действию. Так, если вы вставляете в рассылку анимацию на основе видео, не забудьте поставить ссылку на полный видеоролик, который можно посмотреть на вашем сайте.

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

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

Удачных рассылок!

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