Tool / Аналитика
CJM
Designer
01. КлиентВнутренний проект
02. РольFull-stack, Product
03. Год2026
NEXT.JS•REACT FLOW•RECHARTS•SUPABASE•TYPESCRIPT•NEXT.JS•REACT FLOW•RECHARTS•SUPABASE•TYPESCRIPT•
Маркетологи строят воронки продаж в Excel или Miro, теряя возможность интерактивного анализа. Цель — создать визуальный конструктор Customer Journey Map с drag-n-drop, what-if анализом и автоматическим определением узких мест.
Вызов
Статичные таблицы воронок
Воронки продаж ведутся в Excel или рисуются в Miro — без интерактивности. Невозможно быстро проверить гипотезу «а что, если конверсия вырастет на 10%?». Узкие места находятся вручную.
- — Воронки в Excel/Miro
- — Нет what-if анализа
- — Ручной поиск узких мест
Решение
Живой конструктор воронок
Визуальный редактор на React Flow с drag-n-drop этапами. What-if анализ позволяет мгновенно менять конверсии и видеть влияние на результат. Автоматическое определение узких мест и экспорт в PNG/PDF.
- + + Drag-n-drop конструктор
- + + What-if сценарии в реальном времени
- + + Автоопределение узких мест
Архитектура & Стек
Mindmap
NODE.01
Flow Editor
Визуальный редактор
React Flow / @xyflow
NODE.02
Analytics
What-if и метрики
Recharts / Math engine
COREEngine
NODE.03
Data Layer
Хранение воронок
Supabase / CRUD
NODE.04
Export
Экспорт
html-to-image / jsPDF
NODE.01
Flow Editor
Визуальный редактор
React Flow / @xyflow
NODE.02
Analytics
What-if и метрики
Recharts / Math engine
NODE.03
Data Layer
Хранение воронок
Supabase / CRUD
NODE.04
Export
Экспорт
html-to-image / jsPDF
COREEngine
Измеримый результат
Бизнес Импакт
∞
Сценариев what-if анализа
3
Режима работы (карта/таблица/дашборд)
2
Формата экспорта