Блог об email и интернет-маркетинге

Email маркетинг

Дизайн email рассылки: что такое хорошо и что такое плохо

Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.Дизайн шаблона email рассылки — общие рекомендацииОснова электронного письма — это шаблон. Он оформляется в стилистике сайта, чтобы подписчик мог связать письмо с компанией, на рассылку которой подписался. К разработке шаблона стоит отнестись очень внимательно — в будущем он будет определять структуру и внешний вид ваших рассылок. Как не надо1. Нельзя менять шаблоны слишком часто. Если подписчик каждый раз получает по-другому оформленное письмо, ему сложно запомнить образ компании.2. Не используйте корпоративный цвет как основной, если он слишком яркий. Кажется логичным оформить шапку и плашки в цветах компании. Но если такого цвета слишком много, письмо тяжело читать:Слишком много красного цвета в шаблоне письма3. Не оформляйте текст картинкой, потому что:картинка может не отобразиться;сложно менять макет — придется просить дизайнера переделывать картинку;если на картинке промокод, читатель не сможет его скопировать и вставить, нужно перенабирать;кроме того, если оформить картинкой все письмо, почтовые сервисы могут отправить его в спам.4. Не делайте фон пестрым, иначе сложно читать основной текст:Пестрый фон отвлекает от текста письма5. Не пренебрегайте профессиональной версткой. Неаккуратно сверстанное письмо портит впечатление о компании. Кроме того, письма, набранные Caps Lock, кричащим цветом и разными шрифтами, чаще отправляют в спам почтовые сервисы. В примере ниже дизайн письма выглядит неаккуратно: нет выравнивания по одному краю, используется три размера шрифта, красный цвет в призыве к действию и нагромождение ссылок:Форматирование письма выглядит слишком пестрымКак надо1. Разработайте корпоративный шаблон в стилистике сайта или на основе брендбука. Это не только работает на узнаваемость компании, но и повышает доверие.2. Тестируйте отдельные элементы дизайна email рассылок, а не шаблон в целом. Так вы сможете отследить эффект от изменений и для подписчиков образ компании будет оставаться узнаваемым.3. Создайте несколько шаблонов для разных типов писем. Благодаря этому вы сэкономите время при запуске рассылок. Например, издательство «МИФ» использует два типа шаблона. Первый — для дайджестов:Шаблон для дайджеста статейВторой шаблон — для промо-рассылок:Шаблон для промо-рассылки4. Если цвета бренда контрастные, используйте их для подчеркивания важной информации или для баннеров. В примере ниже зеленым цветом, помимо логотипа, выделены кнопки призыва к действию:Цветовые акценты в корпоративном шаблоне5. Разработайте логичную структуру письма. Основное рекламное или информационное послание должно размещаться на первом экране:Шаблон с основной информацией в первом экране прокрутки6. Придерживайтесь ширины письма 600 рх. Так email будет отображаться на экране любого почтового сервиса без горизонтальной прокрутки.7. Чередуйте текстовые блоки и картинки. Это нужно для лучшей доставляемости писем, когда вы только начинаете делать рассылки и у вашего домена еще не сформирована положительная репутация отправителя. Есть советы придерживаться соотношения 80:20 или 60:40. То есть чтобы в письме было 80% текста и 20% картинок.8. Поручите дизайн email рассылки профессиональному верстальщику, чтобы оформление заголовков, текстовых блоков и картинок выглядело гармонично. Посмотреть пример дизайна рассылки с красивой и аккуратной версткой можно в письмах издательства «МИФ»:Гармоничная верстка рассылки издательства «МИФ»Адаптивный дизайн рассылкиБудет ли письмо правильно отображаться на экране мобильного устройства, зависит от адаптивности верстки. Ошибки в адаптивности не просто портят внешний вид письма, иногда они делают его бесполезным. Например, если пользователь смартфона не может попасть по ссылке, так как она слишком мелкая и куда-то «съехала», он не перейдет на сайт и ничего не купит.Как не надоНе пренебрегайте адаптивным дизайном в email рассылках. Уделите ему внимание и учитывайте все нюансы адаптивной верстки. Ведь ошибки в ней приводят к таким результатам, как на примере ниже:Результат ошибки в адаптивной верстке, когда блоки не перестроилисьКак надо1. Придерживайтесь правил адаптивной верстки email. Например, чтобы на мобильном колонки могли перестраиваться вниз, добавляется специальный код, а все блоки верстаются таблицей.2. Еще один вариант — использовать готовые адаптивные шаблоны в SendPulse или делать шаблон в блочном редакторе SendPulse. В нем уже учтены все правила верстки. Кроме того, вы сразу можете посмотреть, как выглядит письмо на компьютере и на мобильном:Предпросмотр веб- и мобильной версии письма в редакторе SendPulseТекст в дизайне email рассылкиДаже самый интересный текст могут не прочитать, если он выглядит непривлекательно. И наоборот, разбивка текста на абзацы с подзаголовками, выделение главных мыслей цветом или другим шрифтом помогает привлечь и удержать внимание читателя. Впрочем, в стремлении красиво оформить текст, можно допустить несколько ошибок.Как не надо1. Не используйте много инструментов оформления в одном письме — разные стили и начертания шрифтов, выделение цветом, размеры шрифта. Пестрые письма выглядят неряшливо, почтовые сервисы могут распознавать их как спам. В рассылке детского магазина используется четыре цвета шрифта, выделение жирным. Окончательно портит картину нагромождение ссылок с подчеркиванием:Пестрый текст в рассылке детского магазина2. Не используйте мелкий или блеклый шрифт. Неразборчивый шрифт ухудшает восприятие текста.3. Не верстайте письмо сплошным текстом. Без разбивки на абзацы текст выглядит монотонно, его сложно и скучно читать.4. Не ставьте ссылки слишком близко, иначе они могут «склеиться». При чтении со смартфона тяжело будет кликнуть на нужную ссылку:В рассылке консалтинговой компании ссылки стоят слишком близкоКак надо1. Выберите один или два шрифта для email рассылки.2. Используйте стандартные шрифты. Некоторые почтовые сервисы, например, Gmail и Yahoo, поддерживают больше шрифтов, Outlook и AOL — меньше. Если сервис не может прочитать ваш шрифт, он заменяет его стандартным, и верстка может «поплыть». Чтобы этого не произошло, пишите стандартными для всех сервисов рассылки шрифтами: Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier и Impact.3. Корпоративными шрифтами оформляйте надписи на баннерах и в тексте, который верстается картинкой.4. Оформляйте ключевые мысли подзаголовками, пишите короткими абзацами. Текст, в котором четко видна структура, легко и приятно читать.5. Используйте размер шрифта не менее 14px.Цвет в дизайне письма для рассылкиОформление письма цветом задает настроение и усиливает рекламное послание. Но если ошибиться с цветом в рассылке, можно получить обратный эффект — разозлить читателя.Как не надо1. Не ослепляйте читателя цветом. Слишком много красного, использование ярких или несочетаемых оттенков портит внешний вид письма и затрудняет чтение. В примере ниже очень яркие, агрессивные блоки отвлекают внимание от смысла:Много красного цвета в рассылке2. Будьте осторожны с градиентом. Например, в письме ниже слишком заметная линия перехода между цветами выглядит некрасиво:Слишком явная граница в градиентеКак надо1. Используйте яркие цвета как акцент для важных элементов. А верхний баннер и футер сделайте в более спокойных оттенках.2. Учитывайте особенности вашего продукта и целевую аудиторию, выбирая цветовое оформление письма. В статье на блоге Kissmetrics написано, что мужчины предпочитают контрастные цвета, а женщины — мягкие оттенки.3. Подходите творчески к использованию градиента. Например, в новогодней рассылки Wizzair удачно обыграли переход цветов в открытке:Интересное использование градиента в новогодней рассылке4. Проводите A/B тестирование, чтобы определить более эффективный цвет элементов рассылки.Дизайн хедераХедер — это блок вверху письма, над главной картинкой. Здесь обычно размещают логотип, ссылки на разделы сайта, контактную информацию. Хедер помогает идентифицировать письмо: читатель видит имя бренда в поле «от кого», а открыв письмо, видит логотип:Идентификация бренда в поле отправителя и хедере письмаКак не надо1. Частая ошибка в хедере — много информации. Да, вверху письма можно и нужно давать ссылки на важные разделы сайта. Но если разместить еще и ссылки на соцсети, как в примере ниже, есть риск отвлечь внимание читателя от основного сообщения. Плюс ссылки в несколько строк занимают много места:Перегруженный хедер письма2. Картинки плохого качества в хедере портят внешний вид письма и создают впечатление любительского дизайна рассылки:Плохое качество картинки в шапке письмаКак надо1. Выделите главную информацию, которая соотносится с темой письма. Например, в рассылке сервиса покупки билетов Busfor.ua есть логотип с подписью и ссылка для подбора билетов:Только нужная информация в хедере email2. Добавьте в хедер настроения, используя праздничную или сезонную атрибутику. Небольшие обновления делают рассылку интереснее для постоянных читателей. Например, магазин одежды в своей новогодней рассылке добавил в логотип шапку Санта-Клауса:Новогодний атрибут в хедере письмаДизайн футера email рассылкиСамый малозаметный, но не менее важный элемент письма — это футер. Чаще всего здесь размещают подпись, ссылку отписки, объяснение, почему подписчик получил рассылку, физический или юридический адрес компании и ссылки на социальные сети.Как не надо1. Логично выносить в конец письма служебную информацию и менее важные ссылки. Но футер не должен быть свалкой:Футер перенасыщен информацией2. Не прячьте ссылку отписки. Если читателю сложно отписаться, он будет отправлять письма в спам. А жалобы на спам ухудшают репутацию отправителя. В примере ниже текст футера, включая ссылку отписки, почти сливается с фоном:Нечеткая информация в футере рассылкиКак надо1. Добавляйте в футер действительно нужную информацию. Сгруппируйте ссылки по смыслу, чтобы удобнее было читать:Структурированная информация в футере2. Делайте ссылку отписки заметной. Это будет честно по отношению к подписчику и снизит вероятность отправки письма в спам:Заметная ссылка отписки в рассылке3. Попробуйте добавить в футер дружелюбную подпись, чтобы читатель закончил читать на приятной ноте и захотел открыть следующую рассылку:Дружелюбная подпись в футереИзображения в дизайне письма рассылкиФотографии, инфографики, картинки — неотъемлемая часть дизайна email рассылки. Хорошо подобранные изображения помогают передать настроение, эмоции, задают стиль письма.Как не надо1. Нельзя делать рассылку, состоящую только из одних картинок или сплошной картинкой. По результатам исследования, 43% пользователей Gmail читают почту с отключенными изображениями. Содержание письма должно оставаться понятным, если в нем будет только текст.2. Светлый и неконтрастный шрифт читается плохо. Такой текст при наложении на пеструю фотографию будет сливаться с фоном:Белый текст на светлой фотографии читается плохо3. Не используйте изображения больше необходимых размеров. Например, если ширина блока 300 px, то не нужно брать для него картинку шириной 1200 px.Как надо1. Оптимизируйте картинки перед тем, как добавить их в письмо. Письмо с большим по весу изображением будет подгружаться дольше. Особенно это актуально для смартфонов, где скорость загрузки может быть ниже из-за плохого мобильного интернета. Подумайте, что вероятнее сделает пользователь: будет дожидаться загрузки ваших больших и красивых картинок или же просто закроет письмо?Чтобы оптимизировать изображения для писем можете воспользоваться этими сервисами: Squoosh, TinyPNG.2. Прописывайте Alt-текст для картинок и фотографий. Так пользователи смогут понять смысл письма, даже если картинки не загружаются автоматически. Текст должен соответствовать смыслу картинки.3. Увеличивайте размер иконок в два раза, чтобы у пользователей iPhone и Macbook с Retina экраном они отображались в хорошем качестве. Например, если в рассылку нужно добавить иконку размером 70×20, на сервер ее загружают в размере 140×40. А потом уменьшают, указав в коде атрибут.Важно! Учтите, если уменьшаете картинки таким образом, то меняете только ее размер, но не вес. Картинка с большим весом может плохо грузиться на устройстве. Поэтому обращаем ваше внимание еще раз: оптимизируйте изображения перед тем, как добавить их в письмо.4. Делайте картинки кликабельными. Если вы посмотрите на карту кликов своей рассылки, то заметите, что читатели часто нажимают на картинки. Поэтому указывайте для картинок ссылки на нужные разделы сайта.5. Выбирайте картинки хорошего качества — на бесплатных фотостоках или сделанные вами.Дизайн CTAВ email рассылке call to action — это кнопка или ссылка, которая призывает читателя выполнить целевое действие: зарегистрироваться на вебинар, купить товар на сайте, заполнить анкету. Четкий призыв к действию и его правильное размещение в письме помогают увеличить CTR. А ошибки могут сделать письмо бесполезным.Как не надо1. Если у вас одна кнопка призыва к действию, не прячьте ее внизу за пределами первого экрана прокрутки. Человек может просто не дочитать письмо до конца.2. Не заставляйте читателя угадывать, что ему нужно сделать, иначе он просто закроет письмо. Например, в рассылке ресторана призыв к действию «забронировать столик» виден только после прокрутки. К тому же он не соответствует теме письма, которая обещает «Рецепт лучших шашлыков»:Призыв к действию находится ниже первого экрана и не соответствует теме письма3. Если оформляете call to action ссылкой, она не должна теряться на фоне другого текста. В примере ниже ссылку на регистрацию в вебинаре сложно заметить сразу:Короткая и светлая ссылка регистрации на вебинар теряется на фоне письмаКак надо1. Размещайте призыв к действию в пределах первого экрана. Если письмо длинное, добавляйте призывы к действию по ходу чтения: в середине и в конце письма. Так делают в рассылке интернет-супермаркета Rozetka. Call to action размещен в шапке письма и под акционными товарами:Несколько призывов к действию в рассылке интернет-супермаркета Rozetka2. Согласовывайте призыв к действию с заголовком письма. Когда call to action вытекает из темы, письмо выглядит логичным и последовательным. Например, Нил Патель, создатель KissMetrics, в теме обещает рассказать, как высоко ранжироваться в поисковых системах без бюджета. А призыв к действию говорит: «Вот формула».В письме сall to action соответствует теме3. Делайте кнопку контрастной к дизайну письма. Призыв к действию должен хорошо выделяться на фоне текста и изображений:Явный призыв к действию в рассылкеЧек-лист по дизайну email рассылкиЧтобы было удобно проверять свое письмо перед отправкой, мы собрали все советы «как надо» в список. Его можно использовать для самопроверки:Готовьте адаптивные и красивые письма в SendPulse, тестируйте разные приемы в оформлении с помощью A/B тестов. Регистрируйтесь и отправляйте свою первую рассылку!Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие. Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.

Подробнее →

Блог об email и интернет-маркетинге

Email маркетинг

Дизайн email рассылки: что такое хорошо и что такое плохо

Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.Дизайн шаблона email рассылки — общие рекомендацииОснова электронного письма — это шаблон. Он оформляется в стилистике сайта, чтобы подписчик мог связать письмо с компанией, на рассылку которой подписался. К разработке шаблона стоит отнестись очень внимательно — в будущем он будет определять структуру и внешний вид ваших рассылок.Как не надо1. Нельзя менять шаблоны слишком часто. Если подписчик каждый раз получает по-другому оформленное письмо, ему сложно запомнить образ компании.2. Не используйте корпоративный цвет как основной, если он слишком яркий. Кажется логичным оформить шапку и плашки в цветах компании. Но если такого цвета слишком много, письмо тяжело читать:Слишком много красного цвета в шаблоне письма3. Не оформляйте текст картинкой, потому что:картинка может не отобразиться;сложно менять макет — придется просить дизайнера переделывать картинку;если на картинке промокод, читатель не сможет его скопировать и вставить, нужно перенабирать;кроме того, если оформить картинкой все письмо, почтовые сервисы могут отправить его в спам. 4. Не делайте фон пестрым, иначе сложно читать основной текст:Пестрый фон отвлекает от текста письма5. Не пренебрегайте профессиональной версткой. Неаккуратно сверстанное письмо портит впечатление о компании. Кроме того, письма, набранные Caps Lock, кричащим цветом и разными шрифтами, чаще отправляют в спам почтовые сервисы. В примере ниже дизайн письма выглядит неаккуратно: нет выравнивания по одному краю, используется три размера шрифта, красный цвет в призыве к действию и нагромождение ссылок:Форматирование письма выглядит слишком пестрымКак надо1. Разработайте корпоративный шаблон в стилистике сайта или на основе брендбука. Это не только работает на узнаваемость компании, но и повышает доверие.2. Тестируйте отдельные элементы дизайна email рассылок, а не шаблон в целом. Так вы сможете отследить эффект от изменений и для подписчиков образ компании будет оставаться узнаваемым.3. Создайте несколько шаблонов для разных типов писем. Благодаря этому вы сэкономите время при запуске рассылок. Например, издательство «МИФ» использует два типа шаблона. Первый — для дайджестов:Шаблон для дайджеста статейВторой шаблон — для промо-рассылок:Шаблон для промо-рассылки4. Если цвета бренда контрастные, используйте их для подчеркивания важной информации или для баннеров. В примере ниже зеленым цветом, помимо логотипа, выделены кнопки призыва к действию:Цветовые акценты в корпоративном шаблоне5. Разработайте логичную структуру письма. Основное рекламное или информационное послание должно размещаться на первом экране:Шаблон с основной информацией в первом экране прокрутки6. Придерживайтесь ширины письма 600 рх. Так email будет отображаться на экране любого почтового сервиса без горизонтальной прокрутки.7. Чередуйте текстовые блоки и картинки. Это нужно для лучшей доставляемости писем, когда вы только начинаете делать рассылки и у вашего домена еще не сформирована положительная репутация отправителя. Есть советы придерживаться соотношения 80:20 или 60:40. То есть чтобы в письме было 80% текста и 20% картинок. 8. Поручите дизайн email рассылки профессиональному верстальщику, чтобы оформление заголовков, текстовых блоков и картинок выглядело гармонично. Посмотреть пример дизайна рассылки с красивой и аккуратной версткой можно в письмах издательства «МИФ»:Гармоничная верстка рассылки издательства «МИФ»Адаптивный дизайн рассылкиБудет ли письмо правильно отображаться на экране мобильного устройства, зависит от адаптивности верстки. Ошибки в адаптивности не просто портят внешний вид письма, иногда они делают его бесполезным. Например, если пользователь смартфона не может попасть по ссылке, так как она слишком мелкая и куда-то «съехала», он не перейдет на сайт и ничего не купит.Как не надоНе пренебрегайте адаптивным дизайном в email рассылках. Уделите ему внимание и учитывайте все нюансы адаптивной верстки. Ведь ошибки в ней приводят к таким результатам, как на примере ниже:Результат ошибки в адаптивной верстке, когда блоки не перестроилисьКак надо1. Придерживайтесь правил адаптивной верстки email. Например, чтобы на мобильном колонки могли перестраиваться вниз, добавляется специальный код, а все блоки верстаются таблицей.2. Еще один вариант — использовать готовые адаптивные шаблоны в SendPulse или делать шаблон в блочном редакторе SendPulse. В нем уже учтены все правила верстки. Кроме того, вы сразу можете посмотреть, как выглядит письмо на компьютере и на мобильном:Предпросмотр веб- и мобильной версии письма в редакторе SendPulseТекст в дизайне email рассылкиДаже самый интересный текст могут не прочитать, если он выглядит непривлекательно. И наоборот, разбивка текста на абзацы с подзаголовками, выделение главных мыслей цветом или другим шрифтом помогает привлечь и удержать внимание читателя. Впрочем, в стремлении красиво оформить текст, можно допустить несколько ошибок.Как не надо1. Не используйте много инструментов оформления в одном письме — разные стили и начертания шрифтов, выделение цветом, размеры шрифта. Пестрые письма выглядят неряшливо, почтовые сервисы могут распознавать их как спам. В рассылке детского магазина используется четыре цвета шрифта, выделение жирным. Окончательно портит картину нагромождение ссылок с подчеркиванием:Пестрый текст в рассылке детского магазина2. Не используйте мелкий или блеклый шрифт. Неразборчивый шрифт ухудшает восприятие текста.3. Не верстайте письмо сплошным текстом. Без разбивки на абзацы текст выглядит монотонно, его сложно и скучно читать.4. Не ставьте ссылки слишком близко, иначе они могут «склеиться». При чтении со смартфона тяжело будет кликнуть на нужную ссылку:В рассылке консалтинговой компании ссылки стоят слишком близкоКак надо1. Выберите один или два шрифта для email рассылки.2. Используйте стандартные шрифты. Некоторые почтовые сервисы, например, Gmail и Yahoo, поддерживают больше шрифтов, Outlook и AOL — меньше. Если сервис не может прочитать ваш шрифт, он заменяет его стандартным, и верстка может «поплыть». Чтобы этого не произошло, пишите стандартными для всех сервисов рассылки шрифтами: Arial, Lucida Grande, Tahoma, Trebuchet, Verdana, Georgia, Palatino, Times New Roman, Courier New, Courier и Impact. 3. Корпоративными шрифтами оформляйте надписи на баннерах и в тексте, который верстается картинкой.4. Оформляйте ключевые мысли подзаголовками, пишите короткими абзацами. Текст, в котором четко видна структура, легко и приятно читать.5. Используйте размер шрифта не менее 14px.Цвет в дизайне письма для рассылкиОформление письма цветом задает настроение и усиливает рекламное послание. Но если ошибиться с цветом в рассылке, можно получить обратный эффект — разозлить читателя.Как не надо1. Не ослепляйте читателя цветом. Слишком много красного, использование ярких или несочетаемых оттенков портит внешний вид письма и затрудняет чтение. В примере ниже очень яркие, агрессивные блоки отвлекают внимание от смысла:Много красного цвета в рассылке2. Будьте осторожны с градиентом. Например, в письме ниже слишком заметная линия перехода между цветами выглядит некрасиво:Слишком явная граница в градиентеКак надо1. Используйте яркие цвета как акцент для важных элементов. А верхний баннер и футер сделайте в более спокойных оттенках. 2. Учитывайте особенности вашего продукта и целевую аудиторию, выбирая цветовое оформление письма. В статье на блоге Kissmetrics написано, что мужчины предпочитают контрастные цвета, а женщины — мягкие оттенки.3. Подходите творчески к использованию градиента. Например, в новогодней рассылки Wizzair удачно обыграли переход цветов в открытке:Интересное использование градиента в новогодней рассылке4. Проводите A/B тестирование, чтобы определить более эффективный цвет элементов рассылки.Дизайн хедераХедер — это блок вверху письма, над главной картинкой. Здесь обычно размещают логотип, ссылки на разделы сайта, контактную информацию. Хедер помогает идентифицировать письмо: читатель видит имя бренда в поле «от кого», а открыв письмо, видит логотип:Идентификация бренда в поле отправителя и хедере письмаКак не надо1. Частая ошибка в хедере — много информации. Да, вверху письма можно и нужно давать ссылки на важные разделы сайта. Но если разместить еще и ссылки на соцсети, как в примере ниже, есть риск отвлечь внимание читателя от основного сообщения. Плюс ссылки в несколько строк занимают много места:Перегруженный хедер письма2. Картинки плохого качества в хедере портят внешний вид письма и создают впечатление любительского дизайна рассылки:Плохое качество картинки в шапке письмаКак надо1. Выделите главную информацию, которая соотносится с темой письма. Например, в рассылке сервиса покупки билетов Busfor.ua есть логотип с подписью и ссылка для подбора билетов:Только нужная информация в хедере email2. Добавьте в хедер настроения, используя праздничную или сезонную атрибутику. Небольшие обновления делают рассылку интереснее для постоянных читателей. Например, магазин одежды в своей новогодней рассылке добавил в логотип шапку Санта-Клауса:Новогодний атрибут в хедере письмаДизайн футера email рассылкиСамый малозаметный, но не менее важный элемент письма — это футер. Чаще всего здесь размещают подпись, ссылку отписки, объяснение, почему подписчик получил рассылку, физический или юридический адрес компании и ссылки на социальные сети.Как не надо1. Логично выносить в конец письма служебную информацию и менее важные ссылки. Но футер не должен быть свалкой:Футер перенасыщен информацией2. Не прячьте ссылку отписки. Если читателю сложно отписаться, он будет отправлять письма в спам. А жалобы на спам ухудшают репутацию отправителя. В примере ниже текст футера, включая ссылку отписки, почти сливается с фоном:Нечеткая информация в футере рассылкиКак надо1. Добавляйте в футер действительно нужную информацию. Сгруппируйте ссылки по смыслу, чтобы удобнее было читать:Структурированная информация в футере2. Делайте ссылку отписки заметной. Это будет честно по отношению к подписчику и снизит вероятность отправки письма в спам:Заметная ссылка отписки в рассылке3. Попробуйте добавить в футер дружелюбную подпись, чтобы читатель закончил читать на приятной ноте и захотел открыть следующую рассылку:Дружелюбная подпись в футереИзображения в дизайне письма рассылкиФотографии, инфографики, картинки — неотъемлемая часть дизайна email рассылки. Хорошо подобранные изображения помогают передать настроение, эмоции, задают стиль письма. Как не надо1. Нельзя делать рассылку, состоящую только из одних картинок или сплошной картинкой. По результатам исследования, 43% пользователей Gmail читают почту с отключенными изображениями. Содержание письма должно оставаться понятным, если в нем будет только текст.2. Светлый и неконтрастный шрифт читается плохо. Такой текст при наложении на пеструю фотографию будет сливаться с фоном:Белый текст на светлой фотографии читается плохо3. Не используйте изображения больше необходимых размеров. Например, если ширина блока 300 px, то не нужно брать для него картинку шириной 1200 px.Как надо1. Оптимизируйте картинки перед тем, как добавить их в письмо. Письмо с большим по весу изображением будет подгружаться дольше. Особенно это актуально для смартфонов, где скорость загрузки может быть ниже из-за плохого мобильного интернета. Подумайте, что вероятнее сделает пользователь: будет дожидаться загрузки ваших больших и красивых картинок или же просто закроет письмо?Чтобы оптимизировать изображения для писем можете воспользоваться этими сервисами: Squoosh, TinyPNG. 2. Прописывайте Alt-текст для картинок и фотографий. Так пользователи смогут понять смысл письма, даже если картинки не загружаются автоматически. Текст должен соответствовать смыслу картинки.3. Увеличивайте размер иконок в два раза, чтобы у пользователей iPhone и Macbook с Retina экраном они отображались в хорошем качестве. Например, если в рассылку нужно добавить иконку размером 70×20, на сервер ее загружают в размере 140×40. А потом уменьшают, указав в коде атрибут.Важно! Учтите, если уменьшаете картинки таким образом, то меняете только ее размер, но не вес. Картинка с большим весом может плохо грузиться на устройстве. Поэтому обращаем ваше внимание еще раз: оптимизируйте изображения перед тем, как добавить их в письмо.4. Делайте картинки кликабельными. Если вы посмотрите на карту кликов своей рассылки, то заметите, что читатели часто нажимают на картинки. Поэтому указывайте для картинок ссылки на нужные разделы сайта.5. Выбирайте картинки хорошего качества — на бесплатных фотостоках или сделанные вами. Дизайн CTAВ email рассылке call to action — это кнопка или ссылка, которая призывает читателя выполнить целевое действие: зарегистрироваться на вебинар, купить товар на сайте, заполнить анкету. Четкий призыв к действию и его правильное размещение в письме помогают увеличить CTR. А ошибки могут сделать письмо бесполезным.Как не надо1. Если у вас одна кнопка призыва к действию, не прячьте ее внизу за пределами первого экрана прокрутки. Человек может просто не дочитать письмо до конца.2. Не заставляйте читателя угадывать, что ему нужно сделать, иначе он просто закроет письмо. Например, в рассылке ресторана призыв к действию «забронировать столик» виден только после прокрутки. К тому же он не соответствует теме письма, которая обещает «Рецепт лучших шашлыков»:Призыв к действию находится ниже первого экрана и не соответствует теме письма3. Если оформляете call to action ссылкой, она не должна теряться на фоне другого текста. В примере ниже ссылку на регистрацию в вебинаре сложно заметить сразу:Короткая и светлая ссылка регистрации на вебинар теряется на фоне письмаКак надо1. Размещайте призыв к действию в пределах первого экрана. Если письмо длинное, добавляйте призывы к действию по ходу чтения: в середине и в конце письма. Так делают в рассылке интернет-супермаркета Rozetka. Call to action размещен в шапке письма и под акционными товарами:Несколько призывов к действию в рассылке интернет-супермаркета Rozetka2. Согласовывайте призыв к действию с заголовком письма. Когда call to action вытекает из темы, письмо выглядит логичным и последовательным. Например, Нил Патель, создатель KissMetrics, в теме обещает рассказать, как высоко ранжироваться в поисковых системах без бюджета. А призыв к действию говорит: «Вот формула».В письме сall to action соответствует теме3. Делайте кнопку контрастной к дизайну письма. Призыв к действию должен хорошо выделяться на фоне текста и изображений:Явный призыв к действию в рассылкеЧек-лист по дизайну email рассылкиЧтобы было удобно проверять свое письмо перед отправкой, мы собрали все советы «как надо» в список. Его можно использовать для самопроверки:Готовьте адаптивные и красивые письма в SendPulse, тестируйте разные приемы в оформлении с помощью A/B тестов. Регистрируйтесь и отправляйте свою первую рассылку!Человек в первую очередь замечает визуальные элементы и только потом вчитывается в текст. Структура письма, иллюстрации, форматирование текста, цветовая гамма, удобство чтения на смартфоне — все это определяет, дочитает ли получатель письмо и совершит ли желаемое действие.Дизайн email рассылки влияет не только на читателей. Письма с ошибками в оформлении и верстке не любят почтовые провайдеры и часто отправляют такие рассылки в спам.В этой статье расскажем о том, как сделать письма визуально привлекательными и эффективными. А также покажем частые ошибки и удачные примеры в разработке дизайна email рассылки от разных брендов.

Подробнее →

8 лучших способов продвижения продукта в Интернете

Перейти к содержимому

БЛОГ

Маркетинговая стратегия

4 минуты чтения

Интернет-маркетинг уже не тот, что раньше. На самом деле, заставить потребителей заметить ваш бизнес среди всех конкурентов стало намного сложнее. Без надежной маркетинговой стратегии, которая поможет вам, вы наверняка столкнетесь с тяжелой битвой просто за установление долгосрочных отношений с клиентами. Тем не менее, надежда еще не потеряна, когда дело доходит до охвата вашей целевой аудитории. Есть еще несколько советов и приемов, которые могут помочь вам установить контакт с потребителями. Вот несколько способов, с помощью которых вы можете эффективно продвигать свой продукт.

• Сосредоточьтесь на социальных сетях: ни одна маркетинговая кампания не обходится без социальных сетей. Такие сайты, как Facebook, Twitter и LinkedIn, являются прекрасными бесплатными или недорогими — в зависимости от того, выбираете ли вы платную рекламу — способами распространения информации о вашем бизнесе и обращения к заинтересованным потребителям, которые могут быть более склонны попробовать ваш продукт.

• Сначала создайте свой рынок. Прежде чем инвестировать в полномасштабную маркетинговую кампанию, никогда не помешает начать с продажи вашей продукции конечным пользователям. Затем эти первоначальные клиенты могут предложить бесценные отзывы о вашем продукте и его упаковке, которые вы можете использовать, чтобы улучшить свой подход. Вы можете создать списки продуктов на сайте, таком как eBay, чтобы получить первые несколько продаж или обратиться к друзьям, семье и знакомым, а также к местному сообществу.

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

• Предложите бесплатные образцы продукции: одно из самых больших препятствий, которое вам приходится преодолевать с новыми клиентами, — это решение о покупке. Люди часто так беспокоятся о том, чтобы потратить деньги на новый продукт, но если вы предоставляете определенное количество вашего продукта потребителям в качестве бесплатных образцов или в качестве стимула для более крупной покупки, вы увеличиваете знакомство с вашим продуктом и, в свою очередь, его популярность. будущее продвижение.

• Запустите партнерскую программу. По мере роста популярности пассивного дохода растет и концепция онлайн-партнерских программ. За комиссию продавцы помогут вам продвигать ваш продукт в Интернете, по сути выполняя работу по его маркетингу за вас. Хотя это более медленный подход, чем другие методы, партнерский маркетинг продолжает доказывать, что он действительно творит чудеса для определенных видов продуктов и услуг.

• Проводите бесплатные вебинары. Если ваш продукт представляет собой программную систему или другую модель, основанную на подписке, бесплатные вебинары могут оказаться эффективным способом (как мы упоминали ранее) преодолеть решение о покупке. Увидев ваш продукт в действии, вы сможете уменьшить опасения потребителей относительно его функциональности и практического применения в их жизни. Конечно, вебинары не подходят для более простых продуктов.

• Занимайтесь контент-маркетингом: блоги, подкасты, официальные документы и другие формы контент-маркетинга могут стать отличным способом воспользоваться преимуществами поисковой оптимизации и привести потребителей непосредственно к вашему продукту. Темы могут варьироваться от вашей отрасли до конкретных проблем, которые может решить ваш продукт. Важно то, что это служит цели утверждения вашего продукта или вашего бизнеса в качестве авторитета в вашей области.

• Создайте список адресов электронной почты: данные, возможно, являются самой важной валютой любого бизнеса, но особенно тех, кто продает свою продукцию в Интернете. Таким образом, создание списка адресов электронной почты по понятным причинам является незаменимым способом создания прочной связи с вашими клиентами. Обязательно предложите какой-нибудь стимул, чтобы побудить пользователей ввести свой адрес электронной почты, а затем следить за контентом, поддерживая ваш бизнес и его продукт во всем.

Успех на рынке

Учитывая специфику вашей отрасли и самого вашего бизнеса, невозможно сказать, какие маркетинговые стратегии окажутся наиболее эффективными. Подходы, которые мы подробно описали выше, — это лишь некоторые из возможных путей продвижения вашего продукта на рынок, и мы рекомендуем тщательное тестирование, чтобы определить, какие методы лучше всего подходят для ваших конкретных потребностей.

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

Маркетинговая стратегия

Независимо от того, только начинаете ли вы свой путь в области электронной коммерции или уже начали строить свою компанию, каждый приходит к моменту, когда ему необходимо сформировать прочную…

Маркетинговая стратегия

В самом основном С точки зрения терминов, определение комплекса маркетинга означает размещение правильного продукта в нужном месте, в нужное время и по правильной цене перед…

Маркетинговая стратегия

Одна из худших вещей, которые вы можете сделать в отношении вашего бизнеса. заключается в том, чтобы изолировать себя от отрасли, в которой вы работаете. В случае электронной коммерции технология и…

Как продвигать продукт в Интернете: руководство на 2023 год

Использование Интернета для продвижения линейки продуктов может творить чудеса для бизнеса. Какой бы замечательной ни была линейка продуктов, ее целевая аудитория никогда не увидит ее, если она не будет эффективно продаваться.

Без правильной маркетинговой стратегии даже самые лучшие линейки продуктов обречены на игнорирование.

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

Чтобы добиться успеха в маркетинге своей линейки продуктов, необходимо тщательное планирование и реализация. Вы не можете просто «выстрелить». В противном случае вы проиграете конкурентам, которые тщательно изучают свои маркетинговые кампании электронной коммерции.

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

5 шагов для продвижения нового или существующего продукта:

• Определите своих целевых клиентов.
• Изучите своих конкурентов.
• Создайте привлекательную историю продукта.
• Выберите свои маркетинговые стратегии, каналы и инструменты.
• Планируйте и реализуйте свои маркетинговые кампании.

Как продвигать свой продукт в Интернете за 5 шагов

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

Шаг 1. Создайте образ покупателя

Образ покупателя — это вымышленный профиль ваших идеальных клиентов, основанный на исследованиях. Он описывает демографию аудитории, на которую вы ориентируетесь, когда продвигаете и продаете товары в Интернете.

Вот некоторые моменты, которые следует включить в образ покупателя:

• Вымышленное имя
• Должность
• Среднегодовой доход
• Болевые точки
• Что нравится, что не нравится
• Устройство, которое они используют используйте для выхода в Интернет

Вы можете использовать Canva для создания портрета покупателя. Просто выберите резюме из множества готовых к использованию шаблонов и замените текст-заполнитель данными вашего покупателя.

Это интерфейс Canva для редактирования шаблонов. Источник изображения: Автор

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

Советы по определению вашего целевого клиента

• Будьте конкретны: Задавайте вопросы, чтобы создать образ покупателя. Чем детальнее ваш покупатель, тем эффективнее он становится.
• Распространите информацию о покупателе среди своей команды: Когда ваша команда создает свои маркетинговые материалы, они всегда нужно задавать вопрос: «Находит ли это отклик в образе нашего покупателя?»

Если ответ «да», они на правильном пути с маркетинговыми материалами, которые они создают. Если ответ отрицательный, им следует остановиться и пересмотреть свою стратегию. В противном случае это будет просто пустой тратой их времени.

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

Шаг 2. Изучите своих конкурентов

Изучение ваших конкурентов поможет вам лучше понять, какие методы маркетинга будут работать, а какие нет.

Например, если вы видите, что девять из десяти конкурентов используют маркетинг на YouTube и получают от этого большую вовлеченность аудитории и трафик, то вы можете сделать вывод, что здесь есть возможность.

Вам не всегда нужно копировать своих конкурентов, но чем больше вы знаете, что работает, тем более обоснованные решения вы будете принимать. Чтобы узнать, кто ваши конкуренты и как их найти, вы можете использовать такой инструмент, как Similarweb.com.

Введите свой веб-сайт в поле поиска Similarweb, прокрутите вниз, где написано «Конкуренты и похожие сайты», и вуаля, вам будет представлен список ваших конкурентов и их веб-сайтов.

Чтобы показать вам, как это работает, я ввел Amazon. com в качестве примера. Этих конкурентов придумала компания Similarweb.

Вы можете найти своих конкурентов через Similarweb. Источник изображения: Author

. Он также показывает вам несколько важных сведений о ваших конкурентах, которые вы можете отметить при проведении исследования конкурентов.

Например, Similarweb может показать, какие платформы социальных сетей приносят больше всего трафика на сайт вашего конкурента.

Similarweb может показать источники трафика ваших конкурентов в социальных сетях. Источник изображения: Author

Используя такие инструменты, как Similarweb, вы можете получить больше информации о своих конкурентах, что позволит вам лучше понять, какие методы маркетинга лучше всего подходят для ваших продуктов.

Советы по изучению ваших конкурентов

• Узнайте, что говорят их клиенты: Что клиенты любят и ненавидят в их продукте? Учитывайте это при формировании маркетинговых стратегий вашего продукта позже. Вы можете найти подробную информацию об их обзорах продуктов или их профилях в социальных сетях.
• Подпишитесь на их информационные бюллетени: Когда вы присоединитесь к спискам рассылки ваших конкурентов, вы будете получать постоянные электронные письма о том, что они предлагают, а также об информации и позиционировании бренда, которые они используют. Это может быть неоценимо для оценки того, как ваши маркетинговые кампании сочетаются с их кампаниями.

Шаг 3: Создайте привлекательную историю продукта.

Чтобы успешно продавать свою линейку продуктов, создайте привлекательную и последовательную историю продукта.

Помните, что ваша история должна подчеркивать, какую пользу ваши клиенты могут извлечь из ваших продуктов. Он должен отвечать на вопросы: «Что это даст мне (покупателю)?» или «Как это решит мои проблемы?»

Благодаря этому ваши маркетинговые материалы станут еще более понятными для вашей аудитории, что поможет убедить старых и новых клиентов покупать у вас. Это поможет увеличить пожизненную ценность вашего клиента (CLV).

Советы по созданию убедительной истории о продукте

• Ответьте на вопрос «И что?»: Это поможет вам раскрыть преимущества функций и установить эмоциональную связь со своими клиентами.
• Используйте сильные слова: Сильные слова еще больше укрепят способность вашего рекламного и маркетингового текста влиять на вашу аудиторию. Это слова, которые рисуют яркую ментальную картину, например, опустошенный, разочаровывающий, катастрофический, ошеломляющий, удивительный и т. д.

Шаг 4. Выберите свои маркетинговые стратегии, каналы и инструменты

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

Независимо от того, используете ли вы тактику платной или органической рекламы, электронный маркетинг электронной коммерции или электронный маркетинг, тщательно отслеживайте результаты выбранной вами маркетинговой стратегии.

Советы по выбору маркетинговых каналов, инструментов и стратегий

• Никогда не упускайте из виду своего покупателя: Будьте там, где ваши клиенты. Подумайте об их увлечениях и о том, что их вдохновляет. Включите их в выбранные вами маркетинговые стратегии и каналы.
• Толчок к творчеству: Чтобы привлечь внимание аудитории, вам нужно проявить творческий подход. Дайте волю своему творчеству и создайте что-то ценное, оригинальное и уникальное.

Шаг 5: Планируйте и проводите маркетинговые кампании.

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

Для краткосрочных кампаний вы можете запуск продукта, использование платной рекламы или работа с микроинфлюенсерами.

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

Советы по планированию маркетинговых кампаний

• Определите свои цели: Сделайте свои цели реалистичными, привязанными к срокам, измеримыми и достижимыми, интегрировав ключевые показатели эффективности электронной коммерции в свои маркетинговые кампании.
• Установите свой бюджет: Эмпирическое правило при составлении бюджета маркетинговых кампаний заключается в выделении от трех до пяти процентов вашего фактического или ожидаемого годового маркетингового оборота. Включите в свой бюджет следующие пункты: создание и обслуживание сайта, реклама, дизайн брендинга, SEO-стратегия и другие. При проведении маркетинговых кампаний помните о цене за приобретение и коэффициентах конверсии, а также о других показателях, чтобы вы могли постоянно корректировать и оптимизировать свои стратегии.

Лучшее программное обеспечение для электронной коммерции для онлайн-продаж

Вам будет сложно продавать и продвигать свой продукт в Интернете, если у вас нет надежной платформы для электронной коммерции.

Надежный и многофункциональный сайт электронной коммерции не только поможет вам эффективно продавать через Интернет, но и позволит вам получать платежи, возвращать деньги, получать отзывы и легко повышать коэффициент конверсии.

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

Вот некоторые из лучших платформ электронной коммерции для рекламы и продажи вашего продукта в Интернете:

1. Shopify

Независимо от того, запускаете ли вы свой интернет-магазин или расширяете его, Shopify предлагает множество функций электронной коммерции, которые помогут вам продавать свою линейку продуктов или запустить онлайн-бизнес.

Предлагает темы и макеты для мобильных устройств. Это очень важно, потому что мобильная отзывчивость является основным показателем ранжирования сайта в Google. Shopify может помочь упростить управление продуктами, интеграцию приложений и многое другое.

Это удобный интерфейс Shopify для выбора тем при создании интернет-магазина. Источник изображения: Author

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

2. Bigcommerce

Bigcommerce — еще одна отличная платформа для электронной коммерции, поскольку она поставляется с эффективными решениями, такими как интеграция с WordPress, многоканальные системы розничной торговли и многое другое.

Bigcommerce помогает вам делать покупки удобными и ценными благодаря оптимизации для мобильных устройств, параметрам настройки вашего веб-дизайна, возможностям социальной коммерции и другим функциям.

Bigcommerce предлагает профессиональные шаблоны дизайна для электронной коммерции. Источник изображения: Автор

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

3. Wix

Wix — еще одна известная платформа электронной коммерции. Он предлагает потрясающие шаблоны дизайна, редактор создания страниц с помощью перетаскивания, простой пользовательский интерфейс, возможности SEO и оптимизации для мобильных устройств, медиагалереи и т. д.

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

У Wix есть простой конструктор купонов, который можно использовать для маркетинга и продажи товаров в Интернете.