15 найкращих прикладів GIF-анімацій у розсилках

GIF-анімації в електронних листах стануть у великій нагоді, якщо ви бажаєте продемонструвати свою продукцію, привернути увагу користувачів до певних елементів листа або просто трохи прикрасити свій текст. У цій статті ми підготували для вас добірку найкращих прикладів таких анімацій.

Приклади GIF-анімацій в email-розсилках

Отже, ось наша компіляція найбільш вдалих прикладів використання GIF-файлів у листах. У кожному з них гіфка виконує свою місію.

1. Adidas

(Джерело: лист від Adidas)

Adidas застосували в листі анімацію, щоб показати доступні кольорові версії товару. Виглядає акуратно, просто — і при цьому вражаюче.

GIF-файли суттєво заощаджують дорогоцінний простір у промо-листах.

2. Stripo

(Джерело: лист від Stripo)

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

3. Ghirardelli

(Джерело: лист від Ghirardelli)

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

4. Chubbies

(Джерело: лист від Chubbies)

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. Alit

(Джерело: Really Good Emails)

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

Як бачимо, на певному етапі буде цілком доречно анімувати текст короткого вступу або мануалу. Це мотивує одержувачів переглянути ваше повідомлення до кінця.

10. Loft

(Джерело: Pinterest)

Кілька місяців тому ми опублікували статтю про те, як створити ефективну розсилку-тизер. І важлива роль у цій справі належить GIF-файлам.

11. Stripo

(Джерело: лист від Stripo)

Таймери як такі вже привертають увагу користувачів. Утім десь поруч з ними можна додавати ще й GIF-анімації — щоб бути вже на 200% упевненими, що отримувач помітить таймер.

12. Lyft

(Джерело: Really Good Emails)

Lyft кумедно зобразили свій продукт з електросамокатом. Анімація просто й елегантно доповнює важливий текст, а сам засіб пересування можна побачити з різних ракурсів.

13. Everlane

(Джерело: лист від Everlane)

Якщо ви бажаєте привернути увагу клієнтів до проблеми, якої торкаєтесь у повідомленні, вам слід переконатися в тому, що текст помітять. Анімація тексту в електронному листі є певною гарантією, що його прочитають. Everlane впоралися із завданням!

14. Charity Water

(Джерело: лист від Charity Water)

У цьому анімованому листі Charity Water використовують GIF як прев’ю до відео, аби бути впевненими, що користувачі неодмінно помітять відео-інструкцію, вбудовану в лист.

Важливо:

У Stripo ви можете додавати до своїх відео будь-які зображення прев’ю.

Потрібен мануал, як це зробити? Читайте нижче нашу спеціальну статтю.

15. Chubbies

(Джерело: лист від Chubbies)

Chubbies застосували цю веселу гіфку, щоб привернути увагу користувачів до своїх великих розпродажів. Класна альтернатива велетенським банерам з написаними на них розмірами знижок.

Вимоги та рекомендації стосовно GIF у розсилках

Їх зовсім небагато, проте вони дуже важливі:

Розмір файла

Оптимальна вага GIF-анімованих зображень для електронних листів варіюється від 500 КБ до 1 МБ. Якщо розмір GIF-файла є більшим, завантаження може потребувати певного часу. Тому рекомендується стиснути файл, перш ніж додавати його до розсилки.

Швидкість

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

Важливо:

Не обов’язково анімувати банер повністю. Можна «оживити» лише деякі елементи зображення, і гіфка не втратить своєї краси.

(Джерело: Really Good Emails)

Кількість

Не використовуйте більше ніж один GIF-файл в одному листі:

• щоб уникнути епілептичних припадків;

• щоб лист не був надто важким і якнайшвидше завантажувалася;

• деякі версії Outlook щойно почали підтримувати GIF. Якщо у листі більше ніж три GIF-файли, Outlook не анімуватиме їх автоматично. Він відобразить тільки перші кадри, і над кожною гіфкою буде кнопка відтворення.

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

Альтернативний текст

Чи знаєте ви, що деякі користувачі деактивують відображення картинок, і при цьому вимикаються також файли GIF? Бувають також випадки, коли у підписників падає швидкість інтернету. Як наслідок вони не бачать саму анімацію, натомість бачать альтернативний текст. І тут є дуже важливим, щоб цей текст чітко і лаконічно описував зміст зображення.

Також важливо додавати такий текст із міркувань доступності листів.

Перший кадр — головний кадр

У зв’язку з тим, що деякі поштові клієнти не підтримують файли формату GIF, натомість відображаючи тільки перші кадри анімацій, дуже важливо, щоб перший кадр передавав основну ідею вашої кампанії.

Поштовики, що підтримують GIF-анімації

Більшість поштових клієнтів сьогодні підтримують формат GIF. Однак є винятки: Microsoft Outlook 2007-2016 і Windows Phone 7 не відображають анімацію, замість якої показують перший кадр гіфки. Створюйте GIF-файли з урахуванням цього факту — пам’ятайте, що перший кадр має містити основну ідею вашої анімації.

Поштові клієнти з підтримкою GIF-файлів:

Десктопні клієнти

• Lotus Notes (6, 7, 8);

• Outlook 2000-2003;

• Outlook for Mac;

• Apple Mail;

• Windows 10 Mall;

• Outlook 365.

Клієнти веб-пошти

• Gmail;

• G Suite;

• Yahoo!Mail;

• AOL;

• Outlook.com;

Мобільні клієнти

• iOS Mail;

• Android (native);

• Android (Gmail);

• Blackberry.

На завершення

Гіфки в розсилках надають можливість:

• продемонструвати свій товар під різними кутами або в усьому розмаїтті варіантів;

• показати способи його використання;

• привернути увагу до основної ідеї листа;

• анімувати кнопку CTA (заклик до дії);

• просто розважити клієнта.

Виявляйте креативність і прикрашайте листи яскравою анімацією!