Савченко Дмитрий

UX/UI Дизайнер · Санкт-Петербург, Россия

T-Bank

T-Bank онбординг

Интерактивный онбординг для джунов без стресса и обязаловки


Таймлайн 2025
Роль Product Designer
Платформа Mobile
Цель Концепт
T-Bank онбординг — превью кейса

Overview

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

Цель — не просто «дать инструкции», а создать атмосферу заботы, лёгкости и автономии, сохранив при этом структуру и прогресс.

Как появилась идея коротких видео

Сначала я рассматривал классические форматы: текстовые блоки, walkthrough и геймификацию.
Они решают задачу передачи знаний, но не учитывают состояние пользователя.

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

Чтобы нивелировать это, важно снизить давление: убрать жёсткую линейность, сократить объём и дать контроль пользователю.

Тогда я задал вопрос: как еще люди реально могут быстро усваивать информацию (учится)?
Ответ — через Shorts, Reels, TikTok.

Лента, быстрый формат, свобода выбора — привычный и комфортный паттерн потребления.

Онбординг — это не туториал. Это TikTok-подход к корпоративной культуре.

Так появился формат коротких видео (1–3 минуты) с свободным порядком, возможностью вернуться и зафиксировать важное.

Ключевые экраны и механики

Я перевёл онбординг из линейного сценария в набор решений, каждое из которых снижает стресс на конкретном этапе адаптации.

Главная (Гайды)

Плитки тем, визуально знакомые по видеоплатформам.
Пользователь сам выбирает порядок просмотра — это убирает жёсткую линейность и снижает давление в первые дни.

Онбординг оформлен в виде плиток с темами, напоминающих интерфейсы видеоплатформ.

Просмотр видео

Короткие ролики + конспекты — снижают перегрузку и упрощает вход, не нужно сразу обрабатывать большой объём информации.

Просмотр видео — шаги сценария

Каждая тема раскрывается через короткие видео (1–3 минуты) с субтитрами, текстовыми выжимками и возможностью сохранить советы для быстрого возвращения.

Конспекты

Личная «шпаргалка» с сохранёнными советами.
Это позволяет снять страх «не запомнить» и снижает когнитивную нагрузку.

Пользователь может сохранить полезные советы в личную «шпаргалку» и возвращаться к ним после просмотра.

Чаты

Быстрый доступ к коллегам и наставникам.
Снижает барьер коммуникации — пользователь не боится задать вопрос.

Чаты — быстрый доступ к коллегам и наставникам

Раздел чатов даёт быстрый доступ к коллегам, наставникам и командным каналам.

Адаптация под формат работы

Офис и удалёнка: карта офиса и полезные ссылки

Карта офиса (для офисных)

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

Полезные ссылки (для удалённых сотрудников)

Блок быстрых ссылок на ключевые процессы — HR, IT, отпуск и документацию — помогает быстрее находить нужную информацию и снижает стресс в первые дни.

Ключевые дизайн-решения

Свобода вместо контроля

  • видео сгруппированы по темам — в виде карточек, как в Netflix или Duolingo;
  • пользователь может сам выбирать, с чего начать — это снижает тревожность.

Прогресс-индикаторы без принуждения

Индикаторы прогресса работают как мягкая мотивация, а не как обязательный чеклист.

Иллюстрации и визуальный тон

Дружелюбная подача снижает когнитивную нагрузку и делает онбординг менее формальным.

Итог

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

Инструменты

Figma Figma
Исследования Perplexity