Top.Mail.Ru

Теперь мы CRM-group!

Имя новое, подход прежний: профессионализм и забота о вас

Перейти

Наш алгоритм, как делать редизайн страниц сайта

Как мы редизайнили страницу Email-маркетинг под ключ

В «Пробах и ошибках» я рассказывала о том, что мы постоянно пилим сайт. На очереди у нас раздел кейсов и страницы услуг, а в будущем планируем убить блог и воскресить его в новом формате.

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

Зачем редизайнить страницу на сайте?

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

  1. Ради красоты.
  2. У страницы низкая конверсия.
  3. У страницы высокая конверсия, но много нецелевых заявок.

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

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

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

Эстетическая сторона нам тоже не нравилась. Мы готовили страницы услуг на сайте, когда перезапускали сайт в мае 2018 года. Тогда нам было важнее запустить новый сайт скорее, чем сделать всё идеально. Теперь мы допиливаем то, что недополучило внимания во время перезапуска. Тем более, что тогда у нас не было выделенного под внутренние агентские задачи дизайнера, а теперь есть.

С какой страницы начать редизайн

В тот момент мы решили переделать два раздела на сайте: кейсы и услуги, — они самые продающие и самые некрасивые, поэтому важно было привести их в хороший вид. Это — 14 страниц. Нужно было приоритезировать задачи по редизайну и выбрать, с какой страницы начать. Тут помогла аналитика и здравый смысл.

Во-первых, самое большое количество заявок — 17% на тот момент приходило со страницы «email-маркетинг под ключ»:

статистика за месяц

(статистика за месяц)

Во-вторых, на «Email-маркетинг под ключ» в меню среди услуг кликают чаще всего:

Email-маркетинг под ключ

Так что решили начать с неё.

Что изучить перед редизайном

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

Посмотреть метрики

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

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

Конверсия страницы в заявку — 2,13%

Конверсия страницы в целевую заявку — 1,22%

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

Посмотреть видеозаписи посещений

Мы смотрим видеозаписи посещений в вебвизоре «Яндекс Метрики». Это помогает понять, как пользователи взаимодействуют с контентом. Лучше всего составлять табличку и вносить в неё свои наблюдения:

источник | ключевое слово (если есть) | длительность посещения | заметки

В заметках я записываю, насколько внимательно пользователь смотрел страницу, возвращался ли к какому-то месту и т.д.

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

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

Возможно, проблема в оформлении текста. Вот так выглядят наши страницы услуг и так же выглядела «Email-маркетинг под ключ» до редизайна:

«Email-маркетинг под ключ» до редизайна

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

Узнайте, сколько для вас будет стоить

Email-маркетинг под ключ

Изучить, что нужно клиентам

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

база клиентов

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

Провести интервью с менеджерами по продажам

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

Моё интервью с продажниками состояло из следующих вопросов:

  1. Что ценят текущие клиенты в работе с Email Soldiers?
  2. Что не нравится текущим клиентам в работе с Email Soldiers?
  3. Почему клиент может уйти?
  4. Какие ожидания у тех, кто оставляет заявку?
  5. Что вы рассказываете лидам при первом общении?
  6. Как ты доносишь ценность наших услуг?
  7. Какие решения они применяют до того, как обратиться к нам?
  8. На что жалуются в работе с другими агентствами?
  9. Как выглядит идеальный клиент?

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

Собрать выводы

Хороший контент находится на пересечении потребностей клиентов и компании:

хороший контент

Предыдущие этапы помогли мне понять и вопросы клиентов, и потребности компании, так что я смогла собрать вот такую табличку:

собираем выводы

Написать контент

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

  1. Объяснить, что клиент получит в результате работы. Он должен очень хорошо это понимать, буквально потрогать результат. На странице «Email-маркетинг под ключ» мы описали этапы работы и рассказали, как будем измерять эффективность.
  2. Донести ценность. Важно, чтобы клиент понял, почему нужно работать именно с нами, а не с кем-то другим. Конечно, это достигается не одной страницей, а планомерной работой над контентом и маркетингом. Однако в контексте одной страницы это тоже очень важно. Чтобы показать, что с нами стоит работать, мы добавили блок с результатами других проектов.

Отрисовать дизайн

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

Дизайнерские решения на обновлённой странице

Блок с результатами в самом начале:

дизайн страницы

Считаю, что эта информация волнует клиентов и внушает им доверие, поэтому разместили вверху.

По клику на картинку с отчётом Power Bi в поп-апе открывается настоящий дашборд, в который можно потыкать:

отчёт Power Bi

Это даёт возможность «потрогать» результат.

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

Так что мы оставили вот такой вариант:

блок «команда проекта»

И всё-таки сомнения есть. Может быть, стоило оставить фотографии? Был ли у кого-то из читателей такой опыт? Поделитесь в комментариях.:)

Читайте также

Руководство по созданию сайта на WordPress

Цены

Во-первых, цена — это важный фильтр, подойдём ли мы клиенту или нет. Во-вторых, вопрос цены волнует клиентов.

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

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

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

Если получим интересные результаты, обязательно поделимся.

Вывод

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

Результат в цифрах мы пока осознаём — проводим тест, следим за заявками. Если будет, что рассказать, поделимся.

Узнавайте об обновлениях блога Email Soldiers первым

Спасибо!

Вы подписаны. Свежие материалы блога будем присылать на вашу почту.

Похожие статьи

Конвертация SVG в PNG: а воз и ныне там, но есть варианты

В интернете масса ограничений для использования SVG-формата. Тогда требуется конвертация SVG в PNG. Рассказываем о трёх способах конвертации.

Почему мы перешли с «Фотошопа» на «Фигму»
Почему мы перешли с «Фотошопа» на «Фигму»

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

Тренды в дизайне в 2018 году
Тренды в веб-дизайне в 2018 году от Hubspot (перевод)

Статья Hubspot о трендах в веб-дизайне и примеры сайтов, где эти идеи уже воплотили в жизнь

Сведения для государственной аккредитации в области ИТ

Реквизиты и контакты

ООО «Емейл Солджерс»

ИНН 6234170866 · ОГРН 1176234015660

Основной ОКВЭД: 62.09

390000, г. Рязань, ул. Вознесенская, д. 66

Тел.: +7 495 003-17-94 · manager@emailsoldiers.ru

Коды ОКВЭД

62.01 (разработка ПО), 62.02, 62.09, 63.11, 63.12, 63.91, 63.99, 70.22, 73.20, 82.99, 95.11, 95.12

Виды деятельности в области ИТ
(Приказ Минцифры от 11.05.2023 № 449)

1.01 — проектирование, обследование, разработка и адаптация программ для ЭВМ, баз данных и пользовательских интерфейсов

1.04 — деятельность и услуги в отношении информационных систем (CRM, аналитика, BI)

1.05 — деятельность и услуги в отношении сайтов и страниц сайтов

26.01 — обработка, систематизация и верификация данных

Реализуемые продукты, услуги и работы

Email- и CRM-маркетинг под ключ: разработка триггерных и регулярных рассылок и коммуникационных сценариев, проектирование и автоматизация коммуникаций (email, SMS, push, мессенджеры), сегментация и аналитика клиентской базы, интеграция и настройка платформ рассылок и CRM, дизайн и адаптивная вёрстка писем, веб-аналитика и BI-отчётность, разработка интеграций между платформами рассылок, CRM и сайтом.

Стоимость работ и услуг

Определяется индивидуально в коммерческом предложении по итогам брифа. Ориентировочно: разовый проект email-/CRM-маркетинга — от 150 000 ₽; ежемесячное сопровождение — от 100 000 ₽ / мес. Точная стоимость — по запросу: manager@emailsoldiers.ru.

Технологический стек

Языки: C#, JavaScript, PHP, Python, SQL, HTML/CSS. Платформы и CDP/CRM: ASP.NET Core, Mindbox, Bitrix24, Sendsay, Unisender, Carrot quest. Базы данных: MongoDB, MySQL. Аналитика и BI: Яндекс Метрика, Power BI, Яндекс DataLens. Инфраструктура: WordPress, REST API, вебхуки.

Исключительные права на ПО

Программа для ЭВМ «RACS» (REST API CRUD веб-сервис баз данных) — правообладатель ООО «Емейл Солджерс» (свидетельство о государственной регистрации программы для ЭВМ, автор — Сафоничев А. П.). Назначение: REST API CRUD-интерфейс к облачной нереляционной базе данных — виджеты, голосования, обзоры, комментарии, счётчики статистики. Реализация: C#, ASP.NET Core, MongoDB. Права использования предоставляются по лицензионному договору. Иные работы выполняются на лицензионных платформах и собственных программных решениях (скрипты, шаблоны, интеграции).