Обновление кабинета: приветствие в онбординге и точный скролл по этапам

Magic Tool AV — цифровая среда AV-интегратора, часть экосистемы iRidi. На публичный стенд tool.magictoolav.com вышло точечное обновление кабинета пресейла: первый вход начинается с благодарности и приглашения к подсказкам, туры проекта и дашборда стали плотнее, а клик по этапам в карточке проекта больше не прячет заголовок раздела под липкой шапкой. Ниже — что менять в онбординге команды и что проверить на демо.

Контекст: почему «сразу в маршрут» ломал первый вход

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

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

Оба сигнала пришли из чек-листа Заказчика после прогона: не «новый модуль», а доводка уже работающего слоя ясности. Именно такие мелочи решают, останется ли демо «понятным с первого захода» или потребует живого комментатора.

Что изменилось в продукте

1. Приветствие и приглашение перед туром

Продуктовый тур больше не стартует с объяснения устройства кабинета. Первым идёт экран благодарности и приглашения:

• «Спасибо, что подключились» — коротко фиксирует, зачем среда: бриф → техзадание → спецификация → коммерческое предложение по ссылке.
• Приглашение к подсказкам — с подсветкой кнопки «?» в правом нижнем углу, чтобы человек сразу знал, куда возвращаться за помощью по текущему экрану.
• Дальше — прежние шаги про проект, видимость статусов и маршрут из четырёх этапов.

Инварианты онбординга сохранены: автозапуск ровно один раз на аккаунт, отметка ставится на показе (не на «Дойти до конца»), у суперадмина туров нет, под автоматизацией автозапуск выключен. Страничные туры по «?» по-прежнему открываются в любой момент — благодарить в них не за что.

2. Плотнее туры проекта и дашборда

По ходу той же доводки Заказчик попросил «побольше информации»: в туре карточки проекта раньше обрывались на техзадании, а дашборд не называл фильтры, блок «Последние» и папки. Сейчас:

• Тур проекта — восемь шагов: после брифа и техзадания объясняются спецификации, коммерческие предложения, файлы и статус на канбане.
• Тур дашборда — шесть шагов: фильтры доски, последние документы и дерево папок, а не только «создайте проект».

Разметка якорей легла на уже существующие блоки — сами карточки и рейлы не пересобирались. Для админа интегратора это значит: новый пресейл может пройти карточку проекта сам до спеки и КП, не вызывая наставника на «где живут версии».

3. Клик по этапу учитывает липкую шапку

Меню этапов (Бриф → Техзадание → Спецификация → Компредложения → Файлы) больше не зовёт «прокрутить так, чтобы верх карточки совпал с верхом окна». Цель считается с тем же отступом, от которого работает подсветка активного пункта: шапка + липкое меню + небольшой зазор. В результате:

• заголовок раздела остаётся видимым под шапкой и меню;
• клик и подсветка считают от одного числа — расходиться нечему;
• крайние разделы (первый и последний) ведут себя предсказуемо и на узком окне.

Для ежедневной работы это мелочь, но на демо с заказчиком она снимает ощущение «кривой навигации» быстрее, чем любой слайд про маршрут пресейла.

Влияние на пресейл и онбординг команды

Маршрут сделки не менялся. Меняется стоимость первой недели нового человека в кабинете и качество показа стенда без живого гида.

• Регламент онбординга. Первый вход — пройти продуктовый тур до конца (или хотя бы до указателя на «?»), затем открыть карточку демо-проекта и «Помощь по этой странице».
• Наставник. Не тратить созвон на «где кнопка помощи» и «почему заголовок уехал под шапку» — проверить, что человек дошёл до спеки и КП в туре проекта.
• Демо заказчику. Перед показом этапов кликнуть по меню слева направо: заголовки должны оставаться читаемыми. Если тур уже был виден на этом аккаунте — поднять его снова через «?».
• Типовые залы. Плотнее тур не заменяет типовые решения и снимок цен; он только быстрее доводит человека до тех экранов, где маржа реально считается.

Что менять в брифе, ТЗ и спеке (через кабинет)

Это продуктовое обновление, не рыночный сигнал. Но для интегратора имеет смысл зафиксировать в внутреннем чек-листе пресейла:

1. В инструкции «первый вход»: ожидать экран благодарности и подсветку «?» — не считать это ошибкой или «лишним попапом».
2. В карточке проекта: навигация по этапам — основной способ прыгать между бриф/ТЗ/спека/КП; после обновления не учить людей «скроллить руками, потому что клик врёт».
3. В онбординге спеки и КП: опираться на расширенный тур проекта — там теперь явно названы блоки, которые раньше пропускали.
4. В шаблоне демо-сценария: один проход «? → помощь по странице» на дашборде и на карточке проекта до показа каталога.
5. Не отключать туры «для красоты экрана» на пилотных аккаунтах — иначе возвращается ручной комментарий наставника.

Риски и ограничения

• Формулировки приветствия взяты из макета Заказчика и могут чуть сдвинуться после ближайшего прогона — правка одной строки в тексте тура, без смены механики.
• Повторный вход. Кто уже видел старый продуктовый тур, автозапуск нового приветствия не получит: поднимайте вручную через «?» или заведите чистый демо-аккаунт для показа.
• Суперадмин. Обучающий слой по-прежнему скрыт — проверяйте на роли интегратора/пресейла.
• Скролл. Отступ заточен под текущую высоту шапки и меню; если в будущем шапка вырастет, править нужно одно число, а не «подкручивать» каждую секцию.

Чеклист: что прогнать на демо

• Открыть tool.magictoolav.com на аккаунте, который ещё не видел продуктовый тур (или сбросить отметку в тестовой среде).
• Убедиться, что первый экран — благодарность и приглашение, а «?» подсвечивается.
• Дойти до шагов про маршрут бриф → ТЗ → спека → КП.
• На дашборде: «Помощь по этой странице» → фильтры, «Последние», папки.
• В карточке проекта: тур до спецификаций, коммерческих предложений, файлов и статуса.
• Кликнуть по каждому пункту меню этапов — заголовок раздела не уезжает под шапку.
• Повторить клики в узком окне браузера (примерно ширина ноутбука на демо).

Связь с Magic Tool AV

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

Дальше по слою обучения обычно идут точность формулировок после прогона и покрытие редких экранов; база «спасибо → куда жать за помощью → маршрут → этапы без сюрпризов скролла» уже в кабинете.