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-маркетингових кампаній!