В MindType я связала сайт психолога, Telegram-бота, мини-приложение и CRM. Задача проекта - провести человека от знакомства с подходом специалиста к самоанализу, материалам и записи, а специалисту дать отдельное пространство для работы с обращениями. У каждой части здесь своя роль.
1. Первый экран: объяснить предложение и следующий шаг
Сайт знакомит со специалистом и помогает понять, куда вести первый интерес: узнать об услугах или перейти в Telegram. На этой стадии важны ясный текст, визуальная целостность и понятная кнопка перехода. Подробности оформления показаны в кейсе сайта психолога.
Переход между сайтом и ботом должен продолжать обещанный сценарий. Если кнопка приглашает пройти тест, человек ожидает увидеть начало теста и объяснение дальнейших шагов. Это небольшая деталь интерфейса, которая определяет связность всего пути.
2. Бот: короткий тест и результат
В проекте используется тест из пяти вопросов для самоанализа. После прохождения пользователь получает профиль и подходящие материалы. Бот делает последовательность компактной: вопрос, ответ, следующий шаг. Результат сохраняется и связан с пользовательским аккаунтом.
Тест не является клинической диагностикой. AI-компаньон - отдельная функция продукта и не заменяет специалиста. Эти границы важны для содержания интерфейса: текст должен точно объяснять, что человек получает.
3. Mini App: место, куда можно вернуться
В мини-приложении собраны результаты и история тестов, личный раздел, дневник, свободные слоты и запись. Здесь удобнее работать с несколькими разделами, чем искать нужное сообщение в длинной переписке.
Вместо повторного знакомства с продуктом пользователь возвращается к своему контексту. Для проекта это означает общую связь между аккаунтом, результатами и дальнейшими действиями. За интерфейсом нужны хранение данных и проверка доступа к защищённым функциям.
4. Оплата: важен весь путь после кнопки
В коде проекта предусмотрены создание платежа через ЮKassa, проверка его статуса и обработка уведомления об успешной оплате. Кнопка запускает процесс, но сама по себе не подтверждает покупку: дальнейшее действие должно опираться на проверенное состояние платежа.
При проектировании такого сценария нужно учитывать ожидание, отмену и возвращение пользователя. Человек должен понимать, завершена ли операция и что делать дальше. Здесь я описываю устройство реализованной интеграции; статья не является отчётом о прохождении новой контрольной покупки.
5. CRM: продолжение клиентского пути для специалиста
В отдельной панели доступны этапы работы, карточки клиентов, история диалогов, заметки и напоминания. Это другая сторона того же продукта: специалист видит контекст обращения и может продолжить работу, не собирая сведения из разных переписок.
Панель имеет отдельный вход, её API требует авторизации. Публичная часть знакомит с продуктом, пользовательская - показывает собственные данные, рабочая - помогает специалисту вести клиентов. Такое разделение нужно закладывать в структуру до оформления экранов.
6. Что даёт такой подход к проектированию
Работа над MindType включала UX, интерфейсы, тексты, разработку и запуск. В продукте также предусмотрены сохранение состояния диалога и резервное копирование базы. Это часть эксплуатации: пользовательский путь должен оставаться понятным и после первого запуска.
Основной результат проекта - связанные между собой интерфейсы и рабочие сценарии. В этом разборе я не привожу показатели продаж или конверсии: для них нужны отдельные измерения. Подробнее о составе реализации - в кейсе MindType.
Схема продукта
Знакомство на сайте → тест в боте → результаты и действия в Mini App → подтверждение оплаты или запись. Работа специалиста продолжается в отдельной CRM.
Для похожего проекта сначала стоит определить путь клиента и действия команды. Тогда становится понятно, какие экраны, данные и интеграции нужны первой версии.
Если у вас есть услуга, которая требует анкеты, записи, материалов и дальнейшего сопровождения, можно начать с карты этого процесса. Я помогу превратить её в состав первой версии продукта.
Обсудить похожий проект →