Услуги Портфолио
Технологии
SwiftKotlinFlutterPHPLaravelSymfony
Продукты
Безопасность и соответствиеПроверка безопасности сайтаПроверка сайта по 152-ФЗГенератор политики по 152-ФЗПлатные лицензии в библиотекахИндекс технологической независимостиКомплексная проверка сайтаРепутация домена и почтыСоответствие RuStoreКалькулятор штрафа по 152-ФЗ
SEO и видимостьРейтинг доменаAI-видимость сайтаВидимость бренда в ИИSEO-анализ сайтаПроверка на англицизмыДетектор AI-текстаГенератор UTM-меток и QRСравнение сайтов по нишеАудит карточки на картах
Юзабилити и UXПроверка юзабилити сайтаЮзабилити приложения по FigmaАудит отзывов приложенияAI-ассистент для сайтаКонструктор CJM
Оценка и ТЗГенератор ТЗ на разработкуПроверка ТЗ на полнотуСравнение КП подрядчиковПроверка IT-подрядчикаPDF в WordPDF в ExcelОценка идеи стартапаКалькулятор стоимости проектаСтоимость владения приложениемЮнит-экономика продуктаСтоимость LLM и ROI внедрения ИИГотовность бизнеса к AI-агентуПубликуемость приложенияУзнать UDID iPhoneСкачиваемые материалы
МониторингМой IP-адресПроверка утечек DNS и WebRTCМониторинг сайта
Все продукты →
О компании
Знакомство с CEOКорпоративная жизньВакансии
Контакты БлогНовости +7 (800) 511‑32‑27 Обсудить проект

Конструктор CJM онлайн: карта пути клиента с экспортом в PDF

Соберите customer journey map за 10 минут: персона, этапы, действия, эмоции, боли и возможности. Шаблоны для магазина, SaaS, приложения и B2B. Бесплатно и без регистрации, карта остаётся в вашем браузере.

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

Как пользоваться конструктором

Выберите шаблон

Пустая карта или пример для интернет-магазина, SaaS, мобильного приложения и B2B-услуги. Пример — это гипотеза, а не результат исследования.

Опишите персону

Кто клиент, в какой ситуации он пользуется продуктом, чего хочет и что ему мешает. Сценарий — одна задача клиента, а не весь продукт.

Заполните ленты

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

Скачайте карту

PDF на лист A4 или A3, PNG для презентации или JSON, чтобы продолжить на другом компьютере. Карта автоматически сохраняется в браузере.

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

CJM (customer journey map) — карта того, как клиент решает свою задачу с вашим продуктом: от первой мысли о проблеме до повторной покупки или ухода. Столбцы карты — этапы пути, строки — ленты. Подробно о методе, ошибках и том, когда карта не нужна, мы писали в статье «CJM: почему не надо игнорировать этот инструмент».

  • ДействияЧто клиент делает на этапе: ищет, сравнивает, заполняет форму, звонит.
  • Мысли и вопросыЧто он думает и о чём сомневается. Лучше всего — прямые цитаты из интервью.
  • ЭмоцииПять уровней от «очень плохо» до «очень хорошо». Провалы кривой показывают, где клиент уходит.
  • БолиЧто мешает пройти этап. У каждой боли есть тяжесть от 1 до 3, чтобы было видно, что чинить первым.
  • ВозможностиЧто можно улучшить в продукте или сервисе. Из этой ленты получается список функций для ТЗ.
  • Точки контактаГде клиент встречается с продуктом: экран, письмо, звонок, упаковка.
  • КаналыЧерез что идёт контакт: сайт, приложение, почта, телефон, соцсети, офлайн.

Пример заполненной карты

Так выглядит готовая карта в PDF и PNG: путь заказчика, который выбирает подрядчика для разработки приложения. Этот пример есть в шаблоне «B2B-услуга».

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

Что дальше с картой

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

ПрототипПроверить решения для болей на кликабельном прототипе до разработки.Прототипирование → Техническое заданиеПревратить возможности из карты в список функций и ТЗ по шагам.Генератор ТЗ → MVPЗапустить минимальную версию и проверить, закрыла ли она главные боли.Разработка MVP → Консультация по UXПровести интервью, собрать карту по данным и перепроектировать путь.UI/UX-дизайн →

Частые вопросы о CJM

Что такое CJM и чем карта пути клиента отличается от user flow?
CJM (customer journey map) — карта того, как человек решает свою задачу: что он делает, думает и чувствует на каждом этапе, где ему мешают и что можно улучшить. Она охватывает весь путь, в том числе за пределами продукта: поиск, сравнение, звонок, доставку. User flow — схема переходов между экранами внутри интерфейса. CJM отвечает на вопрос «где и почему клиент спотыкается», user flow — «как именно он проходит сценарий в продукте».
С чего начать, если у меня нет данных исследования?
Начните с шаблона и честно считайте карту гипотезой. Потом проверьте её на 5–7 интервью с клиентами: какие этапы вы угадали, где эмоции другие, какие боли вы не заметили. Карта, собранная без разговоров с клиентами, отражает мнение команды, а не путь клиента. Это самая частая ошибка при работе с CJM.
Куда сохраняются мои карты?
Только в вашем браузере (localStorage). На сервер карта не отправляется, в адресе страницы её нет, в аналитику тексты карты не попадают. Поэтому, если очистить данные сайта или открыть страницу в другом браузере, карт там не будет. Чтобы не потерять карту, скачайте JSON: его можно открыть кнопкой «Импорт» где угодно.
Можно ли вносить в карту данные реальных клиентов?
Лучше не вносить ФИО, телефоны, почту и другие данные, по которым можно узнать человека. Используйте обезличенные роли: «менеджер по закупкам, 35 лет». Карта и так не уходит на сервер, но её PDF и PNG вы будете пересылать коллегам и заказчикам, а персональные данные клиентов в таких файлах — лишний риск.
Как получить PDF и почему открывается окно печати?
PDF собирает сам браузер: в окне печати выберите «Сохранить как PDF» и отключите «Колонтитулы». Так текст в PDF остаётся векторным: его можно выделить и найти поиском, кириллица отображается без искажений. Формат листа A4 или A3 конструктор подбирает по размеру карты. Safari выбор листа игнорирует: выберите альбомную ориентацию в окне печати, карта впишется в любой лист. Если карта очень большая, скройте часть лент или возьмите A3.
Как открыть карту на другом компьютере?
Нажмите «JSON» — скачается файл карты. На другом компьютере откройте конструктор и нажмите «Импорт» или перетащите файл на редактор. Импорт создаёт новую карту и не затирает текущую.
Чем конструктор отличается от Miro или FigJam?
Он быстрее для одной задачи: у карты фиксированная структура из семи лент, поэтому не нужно рисовать сетку и подбирать стикеры, а кривая эмоций строится сама. Не нужны регистрация и приглашения, PDF получается сразу. Для воркшопа, где карту одновременно собирают десять человек, лучше подойдут Miro или FigJam: совместной работы у конструктора нет.
Как превратить возможности из карты в техническое задание?
Скачайте карту или нажмите «Скопировать возможности списком» и вставьте их в поле «Другие функции» генератора ТЗ. Генератор по шагам соберёт техническое задание: тип продукта, роли, функции, требования. Текст карты через ссылку не передаётся, поэтому копирование идёт через буфер обмена.

Другие инструменты на пути от идеи до ТЗ

Оценка идеи стартапаспрос, конкуренты и скоуп MVP Юнит-экономика продуктаLTV, CAC и окупаемость Генератор ТЗтехническое задание по шагам Проверка юзабилити сайтаошибки интерфейса по чек-листу