Customer Journey Map: как построить карту пути клиента и найти точки роста

Клиент почти никогда не покупает в лоб. Сначала он осознаёт проблему, гуглит, сравнивает, сомневается - и на любом из этих шагов спокойно уходит к конкуренту. А бизнес видит только итог: «заявок мало», и почему - непонятно. Customer Journey Map (CJM), или карта пути клиента, показывает этот путь глазами самого клиента - с его эмоциями и барьерами - и подсвечивает, где именно он отваливается. Ниже разберём, из чего состоит карта, как построить её пошагово (хоть в обычной Google Таблице) и как превратить найденные барьеры в конкретные точки роста.

Что такое Customer Journey Map и зачем она бизнесу

Начнём с главного - что это за карта и зачем она бизнесу.

Customer Journey Map (CJM), или карта пути клиента, - это схема, которая показывает весь путь клиента от первого контакта с брендом до покупки и повторного обращения. Если вбить в поиск «customer journey map что это», получите десяток определений с UX-жаргоном - я попробую без него. Дословный перевод термина звучит как «карта путешествия клиента». По сути это полотно, где по горизонтали идут этапы, а внутри - что человек делает, через какие каналы приходит, что чувствует и где спотыкается. Не таблица ради таблицы, а взгляд на бизнес глазами того, кто платит.

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

Теперь про путаницу, в которой тонут все. Чем CJM отличается от воронки продаж? Воронка отвечает на вопрос «сколько»: сколько зашло на сайт, сколько оставило заявку, сколько купило. Голые цифры по шагам. А карта пути клиента отвечает на вопрос «почему»: что человек чувствует на каждом шаге и из-за чего срывается. Воронка покажет, что на этапе оплаты отвалилось 60%. CJM объяснит, что у вас всего один способ оплаты, а половина аудитории хотела рассрочку.

С user flow тоже путают, хотя там проще. User flow - это маршрут по экранам и кнопкам внутри сайта или приложения: нажал сюда, попал туда. Узко и технично. Customer Journey Map шире - она про эмоции и про все точки контакта, включая звонок менеджеру и отзыв знакомого. Грубо говоря, customer journey - это про человека и его весь путь, а user flow - про интерфейс.

И да, отдельно для тех, кто машет рукой: «у меня же не корпорация». Карты пути помогают бизнесу любого размера. Крупному - чтобы свести десятки каналов в одну картину. Малому - чтобы за час в обычной таблице понять, где теряются клиенты. Метод один, масштаб разный. Это не про UX-отделы и customer experience в кавычках, а про живых людей, которые до вас не дошли. Дальше разберём, из чего эта карта собирается.

Из чего состоит карта пути клиента

Вот тут обычно и спотыкаются: определение понятно, а сесть и нарисовать руками - страшно. Что писать в строках, что в столбцах? Разберёмся по слоям. По сути CJM - это сетка: сверху идут этапы, а под каждым этапом несколько рядов, и каждый ряд про свой аспект. Заполняете слой за слоем - и путь клиента проступает сам.

Слоёв в CJM обычно семь-восемь. Не все обязательны, но вот базовый набор, с которого я бы начинал:

• Персона. Кто наш клиент - конкретный портрет, а не «все подряд». Иван, 35, ищет подрядчика, бюджет ограничен, времени нет. От персоны зависит вообще всё: один и тот же путь молодая мама и опытный закупщик проходят по-разному.
• Этапы пути. Горизонтальная ось карты: осознание, поиск, выбор, покупка, использование. Каркас, на который вешается остальное. Подробно про этапы - в следующем разделе.
• Действия клиента. Что человек реально делает на каждом этапе: гуглит, читает отзывы, звонит, бросает корзину. Тут полезно подглядеть в аналитику - поведение пользователя на сайте видно по записям визитов.
• Точки контакта. Где клиент сталкивается с вами: сайт, контекстная реклама, звонок менеджеру, соцсети, отзыв на стороннем ресурсе. Touchpoint в переводе и есть точка контакта. Каждую точку взаимодействия стоит выписать отдельно - именно в них чаще всего что-то ломается.
• Цели и мысли. Чего покупатель хочет на этом шаге и о чём думает. «Подойдёт ли мне этот продукт?», «А не обманут?», «Успеют ли к среде?» - это вопросы покупателя, а не ваши.
• Эмоции. От интереса до раздражения. Рисуют линией или цветом: зелёным радость, красным - где бомбит. Это сердце карты, ради эмоций её и затевают - сухой customer experience в цифрах такого не покажет.
• Барьеры. Что мешает двигаться дальше: непонятная цена, долгий ответ, форма на двадцать полей. Каждый барьер - это место, где пользователь срывается.
• Идеи и точки роста. Последний ряд, ради которого всё. Напротив каждого барьера - что с ним сделать.

Чтобы не путаться, что куда писать, держите шпаргалку под рукой.

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

Этапы пути клиента: от осознания до лояльности

Я обещал разобрать этапы подробно - выполняю. У большинства статей этапы пути клиента описаны абстрактно: «осознание, рассмотрение, решение» - и всё, дальше додумывай сам. А ведь именно тут видно, где клиент отваливается. Пройдём весь маршрут по шагам, и на каждом скажу, что человек делает, что чувствует и через какие точки контакта проходит.

Типовой путь покупателя выглядит так:

• Осознание потребности. Человек ещё ничего не ищет - он просто понял, что у него проблема. Сломался старый ноутбук, начал течь кран, бизнес перестал расти. Эмоция - лёгкое раздражение или тревога. Точек контакта с вами пока почти нет: максимум он увидел вашу рекламу и зацепился. На этом этапе покупки решение не принимается, но в голове откладывается первое впечатление.
• Поиск решения. Тут начинается активность: гуглит, спрашивает у знакомых, листает отзывы, заходит на агрегаторы. Клиент собирает варианты и формирует список. Эмоции скачут - от любопытства до усталости, потому что вариантов много, а как выбрать - непонятно. Точки контакта множатся: поисковая выдача, ваш сайт, чужие обзоры, соцсети. Тут вас впервые сравнивают с конкурентами, и часто вслепую.
• Выбор и сравнение. Самый нервный этап. Человек сузил список до двух-трёх и теперь въедливо сопоставляет: цена, сроки, гарантии, отзывы, кто быстрее ответил в чате. По нашему опыту именно тут происходит больше всего срывов - покупатель уже почти ваш, но уходит к тому, кто оказался понятнее. Эмоция - сомнение и страх ошибиться. Точки контакта решают: насколько внятный прайс, как быстро перезвонил менеджер, есть ли живые кейсы.
• Покупка. Решение принято, человек платит или оставляет заявку. Казалось бы, праздник - но и тут теряют. Сложная форма, единственный способ оплаты, требование зарегистрироваться ради одной покупки. Эмоция должна быть облегчением, а превращается в злость. Этот шаг короткий, но цена ошибки максимальная: довели до кассы и упустили.
• Использование. Клиент получил продукт или услугу и начал ими пользоваться. Здесь решается, останется он с вами или нет. Доставили вовремя? Работает ли так, как обещали? Эмоции тут самые сильные - и восторг, и разочарование живут именно на этом этапе.
• Лояльность и повторные обращения. Финал, который на самом деле не финал. Довольный человек возвращается, советует вас друзьям, оставляет отзыв. Недовольный - тоже оставляет отзыв, только злой. Тут рождается либо повторная продажа, либо антиреклама.

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

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

И момент про разные бизнесы. В интернет-магазине весь путь укладывается в один вечер: увидел рекламу, погуглил, выбрал, оплатил. А в B2B-услуге этапы растягиваются на месяцы, на выборе подключается целый отдел, и каждый со своими страхами. Этапы те же, а длина и плотность точек контакта разные. Рисуя путь под свой бизнес, не копируйте чужой шаблон вслепую - проверьте, где живёт сомнение и сколько человек проводит на каждом шаге. Дальше разберём, как собрать всё это в готовую карту.

Как построить CJM пошагово

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

Коротко весь алгоритм построения карты выглядит так:

1. Соберите данные и опишите портрет клиента - на чём вообще будет стоять карта.
2. Определите этапы пути - горизонтальная ось от осознания до лояльности.
3. Пропишите точки контакта на каждом этапе - где человек встречается с вами.
4. Добавьте действия, цели, эмоции и барьеры - заполните карту изнутри.
5. Найдите точки роста - превратите барьеры в конкретные задачи.

А теперь по двум самым важным шагам - подробно. Остальные три я разберу по ходу, они проще.

Шаг 1. Соберите данные и опишите портрет клиента

Это фундамент, и тут кроется главная ловушка. Самая частая ошибка при создании CJM - рисовать карту из головы. Сели командой, придумали, что чувствует клиент, и довольны. А клиент чувствует совсем другое. Карта на догадках не помогает выявить реальные дыры - она просто красиво подтверждает то, во что вы и так верили.

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

• Веб-аналитика. Яндекс Метрика и Вебвизор - кто заходит, откуда, на какой странице закрывает вкладку, где бросает форму. Это объективная картина поведения. Если хотите видеть путь по всем каналам сразу, помогает сквозная аналитика - она сшивает рекламу, звонки и заявки в один маршрут.
• Интервью с клиентами. Пять-семь живых разговоров дают больше, чем сто строк статистики. Спрашивайте не «нравится ли вам сайт», а «что вы делали перед покупкой, где засомневались».
• Записи звонков и отдел продаж. Менеджеры знают наизусть, на каких вопросах люди срываются. Это золото, которое лежит под ногами.
• Отзывы и чаты. Там клиент пишет то, что вам в лицо не скажет.

Когда мы в «Мастерах Трафика» строим CJM клиентам, всегда начинаем именно отсюда - аналитика плюс десяток звонков. Из этого складывается персона: не «наша целевая аудитория 25-45», а конкретный Иван с его задачей, бюджетом и страхами. Без этого шага дальше идти нет смысла.

Шаг 2. Определите этапы пути

Этапы мы уже разбирали - осознание, поиск, выбор, покупка, использование, лояльность. Берёте их за основу и подгоняете под себя. В интернет-магазине этапов может быть меньше, в B2B-услуге - больше, с отдельным шагом согласования. Не копируйте чужой набор вслепую: проверьте по данным из Шага 1, как путь клиента выглядит на самом деле. Это и есть горизонтальная ось вашей CJM.

Шаг 3. Пропишите точки контакта

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

Шаг 4. Добавьте действия, цели, эмоции и барьеры

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

Шаг 5. Найдите точки роста и поставьте задачи

Ради этого всё и затевалось. Карта без точек роста - просто красивая картинка. Механика простая: берёте каждый барьер и прогоняете его по цепочке барьер → гипотеза → задача → метрика.

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

Я обычно сортирую задачи по двум осям: насколько больно клиенту и насколько дёшево починить. Начинаете с того, что и болит сильно, и правится легко. Так первые же изменения дают результат, а не тонут в бэклоге на полгода. На этом построение карты по сути закончено: дальше CJM живёт и обновляется вместе с бизнесом. А мы посмотрим, в чём всю эту карту удобно рисовать.

Инструменты и шаблоны для CJM

Теперь про то, в чём всё это рисовать. И сразу снимаю главный страх малого бизнеса: дорогой софт не нужен. Совсем. Первую CJM я советую собрать там, где вам привычно, а уже потом, если втянетесь, смотреть в сторону специальных сервисов.

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

Дальше начинается софт поинтереснее. Онлайн-доски Miro и FigJam (это режим Figma) - когда хочется клеить стикеры, тянуть стрелки и работать вместе в реальном времени. Удобно для мозгового штурма с командой, особенно удалённой. Бесплатного тарифа на старте обычно хватает. А есть и узкоспециализированные инструменты визуализации - UXPressia и Touchpoint Dashboard заточены ровно под CJM: готовые блоки персон, графики эмоций, шаблоны cjm прямо внутри. Платно, но если вы строите карты регулярно, это экономит часы.

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

Когда пора уходить из таблицы в специальный сервис

Отдельно про шаблоны. Изобретать каркас с нуля незачем - в Miro, FigJam и UXPressia в галерее лежат готовые заготовки, забиваете «customer journey map» в поиск шаблонов и берёте любой приглянувшийся. Под Google Таблицы тоже гуляет куча бесплатных файлов, скачал - и сразу переписываешь под свой бизнес. По сути шаблон - это та же сетка из прошлого раздела, только уже расчерченная: вам остаётся заполнить ячейки.

Минимальный набор слоёв против полного: что добавлять, когда втянетесь

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

Пример карты пути клиента с разбором

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

Итак, наш потенциальный клиент - назовём его Аня, 29 лет, хочет подтянуть английский для работы. Пройдём с ней весь маршрут.

На осознании Аня поняла, что без языка её обходят на собеседованиях. Эмоция - досада. С продуктом она пока не пересекалась, увидела только рекламу в ленте. На поиске загуглила школы, открыла десяток вкладок, утонула в одинаковых обещаниях «заговорите за месяц». Тут уже усталость. На выборе сузила список до трёх и въедливо сравнивала: цена, расписание, отзывы, дадут ли пробный урок. По нашему опыту именно тут срывается больше всего покупателей - человек почти решился, но уходит к тому, кто оказался понятнее. У Ани барьер был жёсткий: цена спрятана за формой «оставьте номер - перезвоним». Она закрыла вкладку. Дальше покупка: кто всё же дошёл, спотыкался об оплату только картой, без рассрочки, а курс стоит как ползарплаты. На использовании покупатель уже учится, и тут решается лояльность: бросит после третьего занятия или останется на год. На финале довольная Аня привела бы подругу - но до финала ещё надо довести.

Теперь самое интересное - разбор. Сводим барьеры и решения в одну таблицу:

Приоритет точек роста: с чего начинать чинить путь Ани

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

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

Частые ошибки и что делать дальше

За годы практики я насмотрелся на десятки CJM - и хороших, и совсем мёртвых. Так вот, мёртвые почти всегда мёртвые по одним и тем же причинам. Соберу их в список, чтобы вы не наступили на те же грабли.

• Рисуют от лица компании, а не клиента. Самая частая беда. «Мы отправляем письмо - клиент радуется». Откуда вы знаете, что он радуется? Карта пути клиента имеет смысл, только если она про его эмоции и его логику, а не про ваши внутренние процессы.
• Заполняют из головы, без данных. Сели командой, придумали этапы, проставили барьеры - и вроде красиво. А на деле это фантазия. Реальные данные позволяют увидеть то, чего вы не ждали: аналитика, записи звонков, отзывы. Без них вы чините не те дырки.
• Сделали и забыли. Карта - не картина на стену. Продукт меняется, меняются каналы, меняется поведение людей. Если вы рисуете её раз и больше не открываете, через полгода она врёт.
• Слишком детально или слишком обще. Карта на сорок колонок, которую страшно открыть, - бесполезна. Карта из трёх клеток - тоже. Ищите середину: чтобы помогала выявить разрывы, но не топила вас в деталях.
• Нет ответственного за точки роста. Нашли барьеры, выписали идеи - и всё повисло. Если у каждой точки роста нет человека и срока, разработка улучшений так и останется списком благих намерений.

Что дальше? Не усложняйте. Откройте обычную таблицу и набросайте первую карту по одному сегменту клиентов - не пытайтесь охватить всех сразу. Дальше проверьте свои гипотезы данными из аналитики, а не ощущениями. И только потом беритесь внедрять улучшения - по одной точке роста за раз, чтобы видеть, что именно сработало.

Если продукт сложный, а путь длинный и идёт через много каналов, в одиночку это тянуть тяжело - тут разумно встроить карту в общую маркетинговую стратегию. Мы в Мастерах Трафика так и делаем: CJM подсвечивает, где клиент спотыкается, а стратегия отвечает, что и в каком порядке чинить. Карта без действий - просто красивая схема. Действия без карты - стрельба вслепую. Работает только связка.