Главное Авторские колонки Вакансии Вопросы
😼
Выбор
редакции
644 1 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Кейсы для WhoIsBlogger

WhoIsBlogger — это экосистема решений для работы с блогерами, основанная на Big Data. Их продукты помогают находить блогеров с аффинитивностью к целевой аудитории, анализировать рекламу конкурентов, собирать подборки инфлюенсеров и оценивать влияние на продажи. Компания сотрудничает с лидерами рынка, такими как Билайн,
Мнение автора может не совпадать с мнением редакции

Определились со структурой страницы кейсов

Когда к нам приходит новый клиент, проджект-менеджер «Сделаем» в первую очередь проводит с ним вводный созвон: погружается в задачу, задает уточняющие вопросы, договаривается о процессе и сроках. На установочной встрече с WhoIsBlogger мы выяснили, какие фильтры и функционал нужны, а также какой объем контента предстоит публиковать.


На основе обсуждений мы разработали прототип разводящей страницы в Google Docs. В документе учли:

  1. Логику фильтров: по сферам клиентов и типам услуг.
  2. Структуру карточек кейсов.
  3. Дополнительные элементы, такие как блок «Читайте также».

Общая логика следующая: посетитель попадает в раздел с кейсами, листает и первым делом видит большой баннер с новым кейсом. Дальше можно с помощью фильтров выбрать интересующий продукт WhoIsBlogger и сферу.


Параллельно проработали шаблон для будущих кейсов:

  1. главный экран с заголовком кейса, логотипом клиента, задачей и результатом;
  2. проработанная структура: с чем пришли, как WhoIsBlogger решили задачу;
  3. результаты, отзыв и баннер с призывом «Получить консультацию».



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

Задизайнили в «Фигме»

После утверждения прототипа мы разработали два варианта дизайна: шаблонный и кастомный.

  1. Шаблонный подход оказался проще, но ограничивал в кастомизации карточек и количестве фильтров.
  2. Кастомный дизайн требовал ручной верстки, но давал большую гибкость. Мы выбрали второй вариант, чтобы сделать страницу визуально более привлекательной.


В результате клиент выбрал кастомный вариант. На следующем этапе:

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


Сверстали на «Тильде»

Когда утвердили дизайн страницы, собрали ее на «Тильде» и подключил систему фильтрации.

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


UPD: сейчас временно убрали такие карточки, так как кейсов стало намного больше и Тильда не пропускает столько контента.

Начали писать и верстать кейсы

Мы выстроили четкий процесс написания:

  1. Брифинг с клиентом и сбор фактуры через созвон.
  2. Написание плана.
  3. Черновик текста.
  4. Финальная версия, доработанная с учетом комментариев клиента.
  5. Верстка.

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

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



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

В конце каждого добавляли отзыв и ссылки на похожие материалы.

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

Лучший результат показал кейс «М.Видео-Эльдорадо» — 38% ER. Это говорит о том, что тема была интересна, а подача удержала внимание читателей.

Остальные кейсы стабильно набирают 28-31% ER (уровень вовлеченности). Люди не просто заходят на страницу, а действительно читают и изучают контент.

Больше аналитики можно увидеть на скриншоте ниже ↓


Готовили адаптации под vc.ru

Для платформы VC.ru рерайтили кейсы:

  1. Оптимизировали объем текста — сокращали длинные фрагменты, оставляя только самое важное;
  2. Подбирали кликбейтные заголовки — использовали методики AIDA (внимание, интерес, желание, действие) и 4U (уникальность, полезность, срочность, ясность), чтобы увеличить вовлеченность;
  3. Добавляли ссылки с UTM-метками — так отслеживали трафик и переходы на сайт WhoIsBlogger. Всего с vc.ru 162 перехода по ссылкам и шесть заявок в итоге

Результаты

  1. Разработали кастомный дизайн и сверстали страницу на Tilda.
  2. Настроили систему фильтров для сортировки кейсов.
  3. Написали 13 кейсов, переработали их под формат VC.ru и опубликовали.
  4. Реализовали SEO-оптимизацию: уникальные ALT-теги для изображений, адаптивность для мобильных устройств, блоки «Читайте также».
  5. Добавили форму для запроса материалов по недоступным кейсам.

Отзыв

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

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

Отдельно хотелось бы отметить оформление: было бы здорово усилить визуальную подачу, особенно в части акцентов на конкретных результатах. Учитывая ваш опыт, ожидается чуть больше компетенций именно в этом аспекте. В целом, работа на высоком уровне!", — Лев Грунин, CEO WhoIsBlogger.

Команда проекта

Таня Артемова, главред

Екатерина Малахова, редактор и проджект-менеджер

Вова Муравьев, дизайнер

Катя Косарева, корректор

Анастасия Швец, автор

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Ермолаев Тимур
Интересно, какие результаты и инсайты получили клиенты после использования решений WhoIsBlogger?
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.