Практичний email маркетинг. Як будують роботу грамотні email-маркетологи Приклади розсилок з нашого портфоліо.

Вивчила дослідження аналітиків та думки фахівців email-маркетингу та написала для сайт колонку з трендами у дизайні email-розсилок у 2017 році.

215 мільярдів електронних листів відправляється щодня – це ефективний та популярний канал комунікації, що б про нього не говорили. У email-маркетингу є свої тенденції, найпомітніші з них – в оформленні листів. Перевірте, наскільки ваші розсилки відповідають їм.

Тренди 2016 року, які житимуть у 2017 році

1. Адаптивний дизайн

Смартфони перемогли робочий стіл. Згідно з дослідженнями Litmus, 55% листів відкривають на мобільних пристроях. У 2017 році тенденція збережеться, тому саме час перевірити свої розсилки на адаптивність. Керуйтеся основними принципами:

Універсальність. Розробте адаптивний макет, щоб лист коректно відображався на всіх пристроях.

Телефонія. Використовуйте можливості смартфонів: додайте заклик до дії зателефонувати або замовити дзвінок.

Різні CTA для мобільних та десктопів

Юзабіліті. Не дрібніть: користувачі не зможуть розглянути маленькі заголовки, наприклад, у верхньому меню. Зробіть вертикальне з горизонтального меню і збільште шрифт. Вийде меню, яким зручно користуватися на маленькому екрані:

Адаптивне меню

На що звертати увагу

Критично важливий момент- Тестувати макети під поштовими клієнтами, якими користуються отримувачі ваших розсилок.

2. Інтерактивність

В інтерактивних листах немає статичного змісту: списки розгортаються, елементи рухаються, картинки обертаються. Це дозволяє перетворити нескінченний «лист-лендінг» на компактний макет із зручною навігацією.

Інтерактивні елементи працюють на CSS3, а спроектовані можуть бути, наприклад, Adobe Experience Design або Sparkbox . Завдання таких інструментів – допомогти зосередитись на контенті, а не на верстці.

На що звертати увагу

Сьогодні існує безліч поштових клієнтів – десктопні програми (наприклад, Microsoft Outlook, AOL, Thunderbird), веб-сервіси (Gmail, Mail.Ru Group), мобільні клієнти. Залежно від того, які технології вони використовують, ваші дизайнерські дослідження у вигляді CSS-анімації будуть працювати або не працювати в різних клієнтах. Варто передбачати спрощені варіанти окремих блоків та прописувати їх у media queries.

До речі, у вересні 2016-го Gmail оголосив про те, що клієнт починає підтримувати адаптивну верстку листів. Це великий крокдля промисловості поштових клієнтів загалом - перехід адаптивну верстку розсилок стане ще масовим явищем.

3. GIF-анімація

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

На що звертати увагу

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

Ще одна важлива деталь- якщо анімація не завантажиться у користувача (наприклад, через повільне з'єднання) - той побачить лише її перший кадр. Тому стартовий кадр має бути максимально інформативним. З цієї ж причини не варто робити надто важкі гіфки.

4. Векторні зображення

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

На що звертати увагу

Пара корисних JS-бібліотек для роботи з анімацією SVG: SnapSVG і GreenSock GSAP .

5. Купівля у листі

Електронна пошта - головний інструментретаргетингу. Магазини знають, яку пару туфель дивився користувач у каталозі, поклав її в кошик, але так і не здійснив покупку. Листи як інструмент ретаргетингу продовжать еволюціонувати - відмовляючись від текстових повідомлень на користь повністю інтерактивних карток (безпосередньо всередині листа).

Тренди в email-розсилках 2017 року

1. Відео

Майбутнє контент-маркетингу за відео – пише газета The Guardian. За прогнозами Cisco, до наступного рокувідео охопить 69% всього інтернет-трафіку. Воно вийде за межі YouTube і буде активно застосовувати в email-маркетингу.

• Клікабельність зростає на 55%.
• Користувача витрачають на перегляд листа на 44% більше часу, ніж зазвичай.
• На 41% збільшуються розшарування та публікації у соціальних мережах.
• Конверсія зростає на 24%, ROI – на 20%.
• Середній чекзбільшується на 14%.

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

Насправді вставити відео в розсилку неважко - більшість сервісів підтримує вставку роликів за посиланням (той самий Mailchimp). Відео може бути фоном для окремих елементів або всього макета відразу. Для цього є онлайн-редактор Mailigen.

2. Галереї зображень

Зображення можна поєднувати в слайдер або галерею, а не розкидати по всьому макету, як це роблять бренди здебільшого. «Галерейний» підхід заощаджує простір і дозволяє краще керувати увагою користувача.

3. Гібридна верстка розсилок

Насичені кольори допомагають краще структурувати контент.

5. Друкарня та навігація

Навіть чудово оформлені листи іноді не працюють, як цього хочеться бізнесу. Причина – у контенті. Воно заслуговує на таку ж пильну увагу, як і макет. Мова про друкарню.

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

На що звертати увагу

Текст – головний інструмент у розсилках. Згідно з дослідженнями, 43% користувачів не використовують перегляд зображень у поштових програмах. Щоб виділити ключові повідомлення, використовуйте стилі для тексту - колір, зображення та розмір кегля. Сам текст набирайте веб-шрифтами або підвантажуйте потрібні з Google Web Fonts.

Як зробити макет plain-text динамічним? Використовуйте відступи. Вони роблять текст зручним для читання, тому користувачі вивчають такі листи ретельніше – це підтверджує дослідження психології.

6. Інтеграція із соціальними мережами

Яку ідею вкрасти, стоп, творчо запозичити, щоб ваші листи впізнавали з першого погляду? Як привернути увагу, якщо ваш передплатник читає листи кнопкою Del? Що взагалі робити, якщо контент вже ідеальний, але треба покращувати результати розсилки?

18. Анімація

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

Ось тут можна подивитися інструкцію зі створення та оптимізації анімації для розсилок.

J Crew у своїй літній розсилці «Summer Sale» використовують … морозиво. Влітку воно асоціюється із задоволенням, прохолодою, дитинством та щастям. Мета розсилки – розмістити читачів та подарувати їм відчуття радості. Те, що морозиво швидко зникає, ніби натякає, що акція чи товар скоро закінчаться. НЕ пропустіть!

Ще одна літня тема – ми бачимо кавун. І насіння від нього поступово викладають нам доріжку до кнопки Call-to-action. Ми скролимо, бачимо чарівне слово для багатьох – Sale – і трохи нижче кнопку для переходу. Не помітити її неможливо.

Тут ми бачимо анімацію вже на кнопці «Купити». Щоб не перевантажувати лист численними варіаціями одного продукту, ми зробили картинки, що змінюються, за допомогою GIF.

Думаю, на сьогодні вистачить трендів. Сподіваюся, вам щось сподобалося. Рада обговорити з вами питання. Можете надсилати мені свої варіанти розсилок. Можливо, вони увійдуть до наступного огляду.

На чистому HTML. Як не дивно, за два роки в безкоштовному доступі з'явилося не так вже й багато безкоштовних рішень, але те, що вдалося знайти, значно перевершує якість будь-якої зі старої статті.
E-mail розсилкиБезсумнівно, найпотужніший інструмент маркетолога, але користуватися ним потрібно дуже обережно. Наш народ ніколи не був у захваті від рекламних листів у поштовій скриньці, але якщо ви гарний маркетолог, то зумієте увійти в контакт із одержувачем листа. Дана добірка не вирішить всіх проблем, пов'язаних з розсилками і навіть не допоможе їх обійти, адже зверне увагу одержувач на ваш лист, видалить або відправить його в спам, залежить не від того, який красивий буде дизайн, а від вмісту. Все, що я хотів сказати цією фразою - не надсилайте спам або будь-яких шаблонних пропозицій. Використовуйте ці html шаблониз розумом і без шкоди оточуючим.
Ще раз повторю, не надсилайте спам, краще застосувати ці шаблони для розсилки різних привітань для ваших клієнтів зі святами. Якщо у вас є інтернет-магазин і є база користувачів, які дійсно хочуть отримувати від вас листи, можете на остові будь-якого html шаблону зробити розсилку з оповіщенням про будь-яку акцію або знижку.
Отже. До вашої уваги 20 безкоштовних E-mail шаблонів для розсилок. Користуйтеся розумом.

Безкоштовний HTML + PSD E-mail шаблон: PHStock Template

Сучасний HTML шаблон для електронної пошти розсилокз великою фоновою картинкою. Виконаний на кшталт односторінкових сайтів / . У ньому є маленька галерея зображень, тому можна припустити, що даний шаблон буде корисний фотографам або дизайнерам.
Приємним доповненням є наявність вихідного PSD. Він вам знадобиться, якщо ви вирішите суттєво змінити зовнішній вигляд.
Фонову фотографію можна легко замінити. Не використовуйте крадені фото, краще знайти щось, що підходить на безкоштовних фотостоках, про які я нещодавно писав у топіці "Безкоштовні фотостоки з легальними фото".

Адаптивний e-mail шаблон для інтернет-магазину

Даний шаблон є повністю адаптивнимі відмінно підійде для розсилки різних акцій з вашого інтернет-магазину.
Крім цього, після завантаження, в архіві ви знайдете кілька варіантів оформлення. Також є окрема папка з варіантом верстки для популярного сервісу E-mail розсилок MailChimp.

Безкоштовний e-mail шаблон для заходу

Дуже простий HTML шаблон для електронної поштирозсилок з великою фоновою картинкою. Спочатку заточений під розсилку з пропозицією відвідати захід, або нагадування про майбутню подію. У архіві є PSD. Не можу сказати, що я від цього шаблону в захваті, але на безриб'ї та рак риба.

Green Village - хіпстерський e-mail шаблон для блогера

E-mail шаблон Green Village виглядає трохи хіпстерською. Відмінно підійде для розсилки щотижневого дайджесту новин або записів із вашого блогу. В архіві ви знайдете сам шаблон та його вихідник у форматі PSD.

Photon - E-mail шаблон для фотоблогу

Гарний, сучасний шаблондля здійснення різних розсилок. Підходить для будь-яких цілей, але спочатку позиціонується як E-mail шаблон для фотосайту.

KATAUSTRIA – адаптивний Email шаблон

Модний, безкоштовний адаптивний шаблон з великим фоновим зображенням, який стане хорошим інструментом для вашої маркетингової кампанії.

Boxi - безкоштовний E-mail шаблон у стилі Meto/Flat

Цікавий шаблон, який поєднує два стилі: Meto та Flat. Складається з блоків у вигляді сітки, які виконують різні завдання - блоки з тестом, блоки із соціальними кнопками, блок із зображенням та ін.

Miks Blogger Newsletter – універсальний E-mail шаблон для блогера

Чистий шаблон з відгуками стилю, що пішов у минуле Retro. Хоча дизайн мені дуже подобається. Є PSD.

Новинний HTML + PSD Email шаблон

Чистий шаблон для поштових розсилок у світлих тонах, призначений для розсилок новин з сайту новин або блогу.
Автор шаблону заявляє, що його творіння добре працює на:
Apple Mail 4, 5, 6
iPhone 5, 4S, 4, 3gs, iPad
AOL Mail Firefox, Explorer, Chrome
Hotmail Firefox, Explorer, Chrome
Gmail Firefox, Explorer, Chrome
Yahoo! Mail Firefox, Explorer, Chrome
Thunderbird поточна версія, Thunderbird 3.0
Outlook.com (Firefox), Outlook.com (Explorer), Outlook.com (Chrome)
Outlook 2011, 2010, 2007, 2003, 2002/XP, 2000
Lotus Notes 8.5, Lotus Notes 8, Lotus Notes 7

Безкоштовний e-mail шаблон у зелених тонах

Візерунок з досить стародавнього дизайну. Я б його і не включав у цю добірку, але в ньому є кілька переваг, які рідко зустрінеш у безкоштовних аналогах – це наявність версії для сервісу розсилок MailChimp.

Вивчила дослідження аналітиків та думки фахівців email-маркетингу та написала для сайт колонку з трендами у дизайні email-розсилок у 2017 році.

215 мільярдів електронних листів відправляється щодня – це ефективний та популярний канал комунікації, що б про нього не говорили. У email-маркетингу є свої тенденції, найпомітніші з них – в оформленні листів. Перевірте, наскільки ваші розсилки відповідають їм.

Тренди 2016 року, які житимуть у 2017 році

1. Адаптивний дизайн

Смартфони перемогли робочий стіл. Згідно з дослідженнями Litmus, 55% листів відкривають на мобільних пристроях. У 2017 році тенденція збережеться, тому саме час перевірити свої розсилки на адаптивність. Керуйтеся основними принципами:

Універсальність. Розробте адаптивний макет, щоб лист коректно відображався на всіх пристроях.

Телефонія. Використовуйте можливості смартфонів: додайте заклик до дії зателефонувати або замовити дзвінок.

Різні CTA для мобільних та десктопів

Юзабіліті. Не дрібніть: користувачі не зможуть розглянути маленькі заголовки, наприклад, у верхньому меню. Зробіть вертикальне з горизонтального меню і збільште шрифт. Вийде меню, яким зручно користуватися на маленькому екрані:

Адаптивне меню

На що звертати увагу

Критично важливий момент – тестувати макети під поштовими клієнтами, якими користуються отримувачі ваших розсилок.

2. Інтерактивність

В інтерактивних листах немає статичного змісту: списки розгортаються, елементи рухаються, картинки обертаються. Це дозволяє перетворити нескінченний «лист-лендінг» на компактний макет із зручною навігацією.

Інтерактивні елементи працюють на CSS3, а спроектовані можуть бути, наприклад, Adobe Experience Design або Sparkbox . Завдання таких інструментів – допомогти зосередитись на контенті, а не на верстці.

На що звертати увагу

Сьогодні існує безліч поштових клієнтів – десктопні програми (наприклад, Microsoft Outlook, AOL, Thunderbird), веб-сервіси (Gmail, Mail.Ru Group), мобільні клієнти. Залежно від того, які технології вони використовують, ваші дизайнерські дослідження у вигляді CSS-анімації будуть працювати або не працювати в різних клієнтах. Варто передбачати спрощені варіанти окремих блоків та прописувати їх у media queries.

До речі, у вересні 2016-го Gmail оголосив про те, що клієнт починає підтримувати адаптивну верстку листів. Це великий крок для індустрії поштових клієнтів у цілому – перехід на адаптивну верстку розсилок стане ще масовішим явищем.

3. GIF-анімація

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

На що звертати увагу

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

Ще одна важлива деталь - якщо анімація не завантажиться у користувача (наприклад, через повільне з'єднання) - той побачить лише її перший кадр. Тому стартовий кадр має бути максимально інформативним. З цієї ж причини не варто робити надто важкі гіфки.

4. Векторні зображення

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

На що звертати увагу

Пара корисних JS-бібліотек для роботи з анімацією SVG: SnapSVG і GreenSock GSAP .

5. Купівля у листі

Електронна пошта – головний інструмент ретаргетингу. Магазини знають, яку пару туфель дивився користувач у каталозі, поклав її в кошик, але так і не здійснив покупку. Листи як інструмент ретаргетингу продовжать еволюціонувати - відмовляючись від текстових повідомлень на користь повністю інтерактивних карток (безпосередньо всередині листа).

Тренди в email-розсилках 2017 року

1. Відео

Майбутнє контент-маркетингу за відео – пише газета The Guardian. За прогнозами Cisco, на наступний рік відео охопить 69% всього інтернет-трафіку. Воно вийде за межі YouTube і буде активно застосовувати в email-маркетингу.

• Клікабельність зростає на 55%.
• Користувача витрачають на перегляд листа на 44% більше часу, ніж зазвичай.
• На 41% збільшуються розшарування та публікації у соціальних мережах.
• Конверсія зростає на 24%, ROI – на 20%.
• Середній чек зростає на 14%.

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

Насправді вставити відео в розсилку неважко - більшість сервісів підтримує вставку роликів за посиланням (той самий Mailchimp). Відео може бути фоном для окремих елементів або всього макета відразу. Для цього є онлайн-редактор Mailigen.

2. Галереї зображень

Зображення можна поєднувати в слайдер або галерею, а не розкидати по всьому макету, як це роблять бренди здебільшого. «Галерейний» підхід заощаджує простір і дозволяє краще керувати увагою користувача.

3. Гібридна верстка розсилок

Насичені кольори допомагають краще структурувати контент.

5. Друкарня та навігація

Навіть чудово оформлені листи іноді не працюють, як цього хочеться бізнесу. Причина – у контенті. Воно заслуговує на таку ж пильну увагу, як і макет. Мова про друкарню.

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

На що звертати увагу

Текст – головний інструмент у розсилках. Згідно з дослідженнями, 43% користувачів не використовують перегляд зображень у поштових програмах. Щоб виділити ключові повідомлення, використовуйте стилі для тексту - колір, зображення та розмір кегля. Сам текст набирайте веб-шрифтами або підвантажуйте потрібні з Google Web Fonts.

Як зробити макет plain-text динамічним? Використовуйте відступи. Вони роблять текст зручним для читання, тому користувачі вивчають такі листи ретельніше – це підтверджує дослідження психології.

6. Інтеграція із соціальними мережами

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

Концепція email-маркетингу

Очікування важливого листа змушує користувача відкривати всі повідомлення, що надходять на пошту. Навіть якщо в електронній скриньці було виявлено стороннє розсилання, на неї все одно клацають, щоб обнулити лічильник непрочитаних повідомлень. На секунду email стає видно потенційному споживачевіваших послуг. За цей мінімальний відрізок часу вам необхідно таким чином привернути увагу користувача, щоб він зацікавився змістом та виконав очікувану від нього дію.

Візуалізація потреб – сильний метод психологічної стимуляції. Від дизайну поштового розсилання залежить подальша доля email-повідомлення. Людина реагує на щось приємне, незвичайне, спогади, що навіює, відповідне поточному настрою. Тому частина, навіть здавалося б малозначних повідомлень, продовжує з'являтися день у день перед поглядом користувача. Подібна лояльність призводить до очікуваної конверсії. І навпаки, повідомлення, що дисонує з внутрішнім світовідчуттям, змушує, після першого, швидкоплинного покинутого погляду, негайно закрити листа, а відправника занести до чорного списку.

приклад

Адаптивний дизайн у сучасному маркетингу- це обов'язкова умовауспішної e-mail розсилки. Однаково зручне «прочитання» на будь-якому вигляді пристроїв, гнучкий дизайн, який підлаштовується під розмір екрану, оптимальне розташуваннявсіх кнопок та посилань. Щоб зрозуміти, як він виглядає та працює, подивіться приклад нижче.

Методи привернення уваги

Дизайн email розсилкиу кожному разі створюється індивідуально. Від того, яку цільову аудиторію розрахований товар чи послуга залежить оформлення поштового повідомлення. Серед найпоширеніших методів привернення уваги можна назвати такі:

• Мінімалістичний стиль
• Натуралізація
• Монохромність
• Використання фотографій людей
• Блокова структура
• Презентація товару
• Асоціативність
• і багато іншого

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

Замовити дизайн поштової розсилки

Для замовлення професійної розробки дизайну розсилки потрібно залишити заявку. Після цього, наш менеджер зв'яжеться з вами та попросить заповнити бриф (для прискорення роботи, ви можете самостійно підготувати приклади листів, які вам подобаються та контент листа та вказати всі ці дані у коментарі до замовлення). Щоб не зіпсувати дизайн, радимо замовляти верстку поштового листа у нас.

Середня ціна

4 - 7 днів

Середній термін

Зробити замовлення

Особливості поштового розсилання

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

Користувач заглядає в стороннє повідомлення лише за хвилини відпочинку. Якщо йому при цьому доводиться витрачати якісь зусилля – на такі повідомлення беззастережно накладається вето. Читачеві має бути дуже ясно, що ваша компанія пропонує йому, що від нього очікується і наскільки це йому корисно. Вродливий дизайн emailрозсилки має поєднуватися з практичною складовою. Професійно складений лист не лише привертає увагу, а й стимулює наступні дії:

• Перейти на сайт
• Оформити замовлення
• Відповісти на повідомлення
• Зареєструватись
• Підписати петицію
• інше

Наші переваги

Компанія FLAMIX має багатий досвід створення дизайну поштової розсилки. До кожного листа ми підходимо з усією ретельністю і в максимально вигідному світлі представляємо нашого замовника. Наша мета – зацікавити читача найповніше розкривши потенційні можливості та переваги пропозиції. Серед наших проектів є багато успішних рекламних оферт, запрошень на семінар, святкових акцій та інших варіантів електронних повідомлень.

Звернувшись до нас ви отримаєте кілька варіантів поштових повідомлень для різних цільової аудиторіїу суворо встановлені терміни.