AIST.tech DS  /  Patterns  /  Onboarding

Онбординг.

Минимальный путь от email до первого действия в продукте. Пять шагов, ни одного лишнего, можно пропустить почти всё кроме sign-up. Принцип: чем меньше форм, тем больше пользователей.

01. Полный поток

Пять шагов, не считая успеха. Sign up и verify — обязательно. Org setup — можно пропустить. Invite и first action — всегда skippable.

01
Sign up
Email + пароль или SSO. 20 секунд.
02
Verify email
Код 6 цифр. Без «проверьте почту и вернитесь».
03
Org setup
Имя организации + размер компании.
04
Invite team
Можно skip. Email-чипы, не CSV-импорт.
05
First action
2–4 шаблона. Не туториал, а старт работы.

Скелет шага

Один вопрос на экранКаждый шаг — один decision. Не комбинировать «имя + организация + команда».
Progress visibleТочки сверху. Пользователь видит, сколько осталось.
Skip везде где можноКроме sign-up и verify. Skip — это «позже в настройках».
Без иллюстрацийЦветные SaaS-картинки не нужны. Уверенность через копирайт и типографику.

02. Sign up

Email + пароль или SSO. Никаких «имя и фамилия» здесь — это потом.

— sign-up экран, центрированный
AIST.tech

Создать аккаунт

Используем рабочий email — к нему привяжется организация.

или

Уже есть аккаунт? Войти

03. Verify email

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

— verify email с кодом
AIST.tech

Проверьте почту

Отправили код на anna@kontur.ru. Введите 6 цифр ниже.

Не пришёл? Отправить ещё раз

04. Org setup

Имя организации + размер. Размер влияет на дефолтный план и на то, какие шаблоны показать дальше.

— split layout, brand слева, форма справа
AIST.tech

Один аккаунт — все продукты.

Organization-уровень даёт единый биллинг, общий каталог ИИ-кейсов и контроль доступов. Меняется потом без потери данных.

02 — ОРГАНИЗАЦИЯ

Расскажите о команде

Это поможет настроить интерфейс под вас. Можно изменить позже.

1–10Стартап / команда
11–100Растущая компания
101–500Средний бизнес
500+Enterprise

05. Invite team

Email-чипы, не CSV-импорт. До 5 человек на этом шаге, остальное — из настроек. Skip всегда виден.

— invite team, skip справа сверху
AIST.tech

Никто не работает один.

Каждый продукт AIST.tech рассчитан на команду. Пригласите коллег — им придёт письмо с вашей рекомендацией.

03 — КОМАНДА

Пригласите команду

Пропустить →

До 5 человек сейчас, остальные — из настроек.

dmitry@kontur.ru × elena@kontur.ru × maxim@kontur.ru × + добавить ещё…

06. First action

Не туториал. Шаблоны старта — 2–4 карточки, которые ведут в продукт. Можно skip и попасть в пустой workspace.

— first action, шаблоны в workspace

КОНТУР · WORKSPACE

Привет, Анна.

Что хотите сделать первым? Эти шаблоны можно удалить потом.

Задать вопрос аналитику

«Какой рынок ATS в DACH?» — получите ответ за 90 секунд.

Загрузить документ

Контракт, отчёт, PDF — аналитик прочитает и найдёт нужное.

Подключить базу данных

PostgreSQL, ClickHouse. Аналитик будет писать SQL сам.

Пройти продуктовый тур

4 минуты. Покажу основные сценарии и ярлыки.

Правила

Когда обязательно, когда skip

Sign upОбязательно. Email + пароль или SSO. Без имени, без телефона.
Verify emailОбязательно. Код в поле, не ссылка. Можно resend через 60 сек.
Org nameОбязательно. Можно ввести «—» и поменять позже.
Org sizeЖелательно. Влияет на план по умолчанию. Можно skip.
Invite teamSkip. Всегда. Этот шаг — soft-CTA, не блокер.
First actionSkip. Шаблоны помогают старт, но «пустой workspace» — валидный выбор.

Do / Don't

DOОдин вопрос — один экран. Sign up отдельно. Verify отдельно. Org name + size вместе — можно.
DON'TForms-of-doom. 12 полей на первом экране — гарантированный bounce 60%+.
DOVerify через код в поле. Пользователь не уходит в почту — sessions целые.
DON'T«Нажмите ссылку в письме». 30% теряются на этом шаге.
DOSkip всегда виден. Маленькая ссылка справа сверху. Не кнопка «пропустить» размером с primary.
DON'TТуториал с 10 шагами. Никто не дочитает. Покажите ярлыки по ходу дела.
DOFirst action — реальный jump в продукт. «Задать вопрос аналитику» → открывается chat с готовым placeholder.
DON'T«Поздравляем! Откройте dashboard». Пустой dashboard — это «ну и что дальше».

Токены

Auth card width380pxCentered layout
Auth card radius14pxЧуть больше дефолта — soft
Auth card padding28px
Split layout1fr / 1frBrand слева dark, form справа light
Brand panel bg#0A0A0BForeground dark
Progress dot26 × 4 pxBg #E5E5E5 / active #0048B2
Input padding10 12 pxradius 8
Btn primary padding11 16 pxradius 8, full-width
SSO btn border1px solid var(--border)icon 16 px
Code inputmono, letter-spacing 0.2emtext-align center, font-size 1.125rem
Skip link0.8125rem, mutedTop-right корнер формы
Tile (first action)radius 12, padding 18icon 28 × 28, h5 0.9375rem