Как построить Customer Journey Map в Miro и Smaply для digital-маркетинга
Customer Journey Map полезна маркетологу, когда объясняет конкретную трудность клиента и приводит к проверяемому изменению. Карта с десятком каналов и придуманной линией эмоций может выглядеть убедительно, не объясняя, почему человек бросает заявку или не доходит до первого занятия.
Построим авторский учебный CJM для записи на вводный онлайн-урок. Сначала зададим одну и ту же логику, затем перенесём её в Miro и Smaply. Аккаунты и карты в этой статье фактически не создавались; пример показывает последовательность работы и заполнение, а не отчёт о проведённом исследовании.
Ограничьте одну карту одним сценарием
Наш сценарий: взрослый новичок нашёл предложение курса и пытается записаться на вводный урок. Начало — первое знакомство с предложением, конец — получение доступа к первому занятию. Корпоративную закупку, продление обучения и возврат оплаты оставим другим картам: там иные цели и участники.
Авторская формулировка вопроса: «Что мешает новичку понять условия и завершить запись без обращения в поддержку?» Это полезнее общей задачи «улучшить маркетинг». Карта должна показывать путь человека, а не только этапы нашей CRM.
Персона здесь — рабочее описание конкретного сегмента: цель, опыт выбора, ограничения по времени и критичные вопросы. Фраза «Ирина, 32 года, любит путешествия» ничего не добавляет, если эти детали не связаны с решением о курсе. Не превращайте учебную персону в вымышленный результат интервью.
Подготовьте доказательства до раскладывания карточек
Авторский набор входных данных: интервью о последней реальной записи, обращения в поддержку, записи наблюдений за выполнением задачи, события сайта и подтверждённые этапы CRM. У каждой заметки сохраните источник, период, сегмент и ограничения. Персональные сведения в рабочем примере замените условными идентификаторами.
Отделяйте наблюдение, объяснение и гипотезу. «На форме было 80 начатых и 40 завершённых заполнений» — условное наблюдение из данных. «Люди боятся звонка менеджера» — объяснение, которое требует подтверждения. «Пояснить, зачем нужен телефон» — гипотеза изменения.
Smaply рекомендует обозначать степень подтверждённости карточек цветом и объяснять легенду в информации о карте. Например, красный — данных нет, жёлтый — частичное подтверждение, зелёный — исследовательская опора. Это помогает увидеть пробел, а не закрасить догадку как факт.
Соберите рабочую матрицу в Miro
- На dashboard выберите шаблон или Explore templates. На существующей доске откройте Templates с панели инструментов.
- Найдите Customer Journey Map и рассмотрите структуру. Документация Miro позволяет выбирать пример с заполнением или пустой вариант, если это предусмотрено шаблоном.
- Добавьте карту на доску и замените демонстрационные данные собственным сценарием. Сохраните рядом вопрос исследования и легенду.
- Сделайте пять столбцов этапов: знакомство, изучение программы, сравнение, заявка, начало урока.
- В строках разместите действия, вопросы, точки контакта, затруднения, доказательства и возможности. Данные и гипотезы отмечайте разными карточками или метками.
Имена строк и пять этапов выбраны для нашего проекта, а не являются обязательным форматом Miro. Если клиент возвращается от формы к программе, покажите возврат явно. Не заставляйте фактический путь выглядеть линейным только потому, что шаблон состоит из ровных столбцов.
На общей сессии сначала разложите подтверждённые наблюдения. Затем попросите участников назвать, что ещё неизвестно. Раздел «возможности» заполняйте после разбора затруднений, иначе доска быстро превращается в список любимых идей команды.
Перенесите тот же сценарий в Smaply
В редакторе journey map задайте те же границы и последовательность. В документации Smaply 3.0 матрица описана так: столбцы отражают опыт во времени, строки — подробности этого опыта. Используйте stages для крупных этапов, steps для конкретных шагов и lanes для аналитических рядов.
Для этапа «Заявка» можно выделить шаги «открывает форму», «заполняет телефон», «получает подтверждение». Не делайте сразу отдельный этап для каждого поля, если исследовательский вопрос этого не требует. Для подробного разбора формы создайте дочернюю карту и свяжите её с основной.
Заполняйте матрицу подходящими типами карточек: текст, каналы, эмоции, изображения, возможности. Smaply позволяет менять расположение карточек и их протяжённость по матрице. Исследовательские данные и ссылки привязывайте к соответствующему шагу, чтобы коллега мог проверить основание вывода.
Линия эмоций должна отражать реальную опору — например, рассказ участника или оценку после задачи. Если такой информации нет, оставьте пробел или обозначьте гипотезу. Нельзя восстановить переживания человека только из показателя отказов аналитики.
Когда карта становится слишком подробной, используйте иерархию. В Smaply шаг верхнего уровня может стать этапом подробной карты. Так команда сохраняет общий путь и возможность отдельно исследовать проблемный участок, не делая основной документ нечитаемым.
Оформите персону и backstage отдельно от опыта клиента
В авторском варианте Smaply персону оформляем текстовой карточкой в верхней информационной зоне карты: сегмент, цель, контекст выбора, ограничения и ссылки на подтверждения. Это авторский способ заполнения обычной Text card для выбранного сегмента. В меню добавления карточки выберите текстовый тип, откройте детали и внесите описание. Укажите, какие характеристики ещё остаются гипотезами.
Для внутренних процессов воспользуйтесь описанным Smaply service blueprint: к существующей journey добавьте Flow lane, обозначьте подписанным разделителем линию видимости и соедините карточки стрелками. Над разделителем оставьте то, что видит клиент; ниже разместите действия команды, систем и передачи между ними. Так backstage не подменит пользовательские шаги.
В нашем примере видимый шаг — «получает подтверждение записи». Под ним авторские backstage-карточки: CRM создаёт запись, сервис отправляет сообщение, ответственный обрабатывает ошибку доставки. Свяжите зависимые действия стрелками, отметьте владельца сбоя и источник данных. Если реальные процессы устроены иначе, замените пример фактической схемой. Наличие красивой цепочки ещё не подтверждает, что именно так работает организация.
Заполните карту так, чтобы она объясняла решение
| Этап | Вопрос клиента в учебном сценарии | Что нужно проверить | Возможная гипотеза |
|---|---|---|---|
| Знакомство | Этот урок подходит новичку? | Соответствие объявления и страницы | Явно назвать начальный уровень |
| Программа | Что произойдёт на первом занятии? | Обращения и наблюдение поиска информации | Добавить конкретный сценарий урока |
| Сравнение | Сколько времени и денег потребуется? | Находят ли участники условия | Собрать условия в одном месте |
| Заявка | Зачем оставлять телефон? | Интервью и события формы | Пояснить использование контакта |
| Первый урок | Где ссылка и что подготовить? | Доставки, обращения, фактическое подключение | Уточнить сообщение подтверждения |
Все вопросы и гипотезы в таблице авторские. Если реальные данные не подтверждают конкретное затруднение, не переносите его в зелёную карточку. Источник проблемы может оказаться техническим, организационным или связанным с самим предложением, а не только с текстом коммуникации.
Превратите наблюдение в задачу и способ проверки
В условной аналитике 1000 посещений страницы дали 80 начатых и 40 завершённых форм. Завершение среди начавших — 40 / 80 = 50%, конверсия посещений в завершённую форму — 40 / 1000 = 4%. Эти числа описывают разные переходы; их нельзя подменять одним процентом «конверсии CJM».
Для гипотезы о телефоне запишите владельца, изменение, метрику и ограничение: пояснить назначение поля; измерять завершения среди начавших; отдельно следить за качеством заявок. Изменение периода, источника трафика или сегмента может повлиять на сравнение, поэтому вывод об эффекте требует корректного дизайна проверки.
В авторском журнале решений у каждой задачи есть ссылка на шаг карты, основание, ожидаемый механизм и дата следующего просмотра. Smaply рекомендует вести journey management как постоянную деятельность, а не разовый плакат. Miro можно использовать для совместного исследования, Smaply — для структурирования и связи карт; выбор конкретной организации работы зависит от команды.
Карта готова к использованию, когда другой участник может понять сценарий, отличить факты от догадок и объяснить, почему выбрана следующая задача. Количество красивых карточек и наличие двух инструментов сами по себе такой готовности не подтверждают.
