Перейти к содержанию

Customer Journey Maps — Архыз.CLUB

Карта пользовательских путей по 7 ролям. Используется как источник истины при:

  1. Планировании работ (см. _roadmap.md).
  2. Внедрении дизайн-системы (Arkhyz Design System) — экраны раскатываются по приоритету CJM.
  3. Аудите gap'ов между UI и продуктовыми сценариями.

Роли

Роль Файл Реальных экранов (Mob/Web) Приоритет дизайна
Турист tourist.md 47 / 87 P0
Отельер hotelier.md 6 / 38 P1
Туроператор tour-operator.md 6 / 11 P2
Инструктор instructor.md 8 / 11 P2
Ресторатор restaurant.md 7 / 14 P2
Трансфер-оператор transfer-provider.md 6 / 12 P3
Админ admin.md 5 / 130+ P3 (внутренний)

Структура каждого файла

1. Persona — кто, цели, контекст использования
2. Stages — 5 канонических стадий CJM:
   - Awareness (узнал)
   - Consideration (рассматривает)
   - Booking / Acquisition (бронирует / регистрируется)
   - Experience (пользуется)
   - Post-experience (после)
3. Для каждой стадии:
   - Actions: что делает
   - Screens: ссылки на реальные файлы (Mobile / Desktop)
   - Touchpoints: внешние точки контакта (push, email, SMS)
   - Pain points: текущие боли
   - Opportunities: что улучшить
4. Cross-role interactions — где этот пользователь пересекается с другими ролями
5. Дизайн-приоритет — какие экраны красить первыми

Конвенции

  • Все маршруты даны точными путями (как в expo-router и react-router-dom).
  • Mobile = Expo (mobile/app/...), Desktop = Vite SPA (src/pages/...).
  • Если экран есть только на одной платформе — это явно отмечено (только web) или (только mobile).
  • Боли и возможности — не выдумываются, а извлекаются из текущего кода (TODO/FIXME, отсутствующих экранов, дубликатов).
  • Дизайн-приоритет: P0 — раскатываем сразу, P3 — в конце.

Источники

  • Полный inventory роутов: _inventory.md (генерируется агентом, не править вручную).
  • Дизайн-бандл: /tmp/anthropic-design/arkhyz-club-design-system/ (см. chats).
  • Токены: src/styles/colors_and_type.css.
  • Дизайн-примитивы (web): src/components/auth/shell/ — пока только auth.
  • Дизайн-примитивы (mobile): не созданы — план в _roadmap.md, Фаза A.

Как использовать при ревью

  1. Открыть CJM нужной роли.
  2. Найти стадию, к которой относится изменение.
  3. Убедиться, что задача попадает в Actions/Opportunities → если нет, обсудить добавление в CJM.
  4. После мержа — обновить статус в CJM (если изменился touchpoint, добавился экран, исчезла pain point).