Фатальные ошибки при использовании графики в письмах на примере Mary Kay и Juvalia&You

Посмотрите, по-разному выглядит одно и тоже письмо в gmail.

  • По умолчанию картинки не подгружаются и вместо какой-либо информации я вижу пустоту.

  • А вот таким письмо задумывали авторы рассылки:

И это грустно, друзья мои.

Я специально показываю вам письмо известной компании, чтобы вы понимали масштабы проблемы.

В чем беда письма?

1. Вся информация расположена на картинке. При этом, многие почтовики не отображают графику по умолчанию (например, самый популярный gmail)

2. Нет текстового формата письма. Если все делать грамотно, то даже при незагруженной картинке должен быть текст, дублирующий информацию.

Говоря другими словами, я просто не вижу информации, пока не загружу картинку! Это проявление неуважения к читателю.

3. Мобильная версия письма выглядит еще хуже – никакой информации кроме предложения отписаться от рассылки. 🙂

4. Я не говорю уже о том, что крохотный текст белого цвета на нежно-розовом фоне практически не читается.

5. Нет ссылки для просмотра письма в браузере

Еще один пример полного провала.

Каким письмо видит получатель:

Каким письмо задумывали авторы:

Рекомендуем курс:

Те же просчеты + ширина письма 1240 пикселей!

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

Так как же правильно использовать графику в письмах? Как сделать письмо красивым и эффективным одновременно?

Во-первых, многие маркетологи вообще против любых графических элементов в письме.

Картинки могут элементарно потеряться, не подгрузиться, расползтись по всему письму и тд.

Во-вторых, графика включает у человека рекламный фильтр: «Письмо с картинками? Опять реклама?!» и эффективность такого письма может снижаться.

При этом есть и другая сторона вопроса, женская.

В своей практике я столкнулась с тем, что женщинам нравятся хорошо оформленные письма.

Когда графики в меру, но все структурировано, есть картинки с описаниями.

Запомните несколько простых правил.

1. Всегда прописывайте alt текст для картинок

2. Всегда оснащайте письма ссылкой для просмотра в браузере

3. Всегда делайте plain text версию письма. В mailchimp этому посвящен предпоследний шаг оформления письма.

4. Всегда помимо графики используйте текст!

5. Используйте inbox inspector в mailchimp Если у вас есть вопросы или уточнения — пишите в комментариях. 🙂

Не пропускай самые интересные публикации для личностного роста. Подписывайся на нас в той социальной сети, которую любишь больше всего: Instagram, Facebook, Telegram.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Онлайн тесты на 5СФЕР

Самое популярное

В тренде на 5 СФЕР

Самое комментируемое

Курсы и вебинары