Nanabush · B2B · Learning platform

Понятная система для тех, кто ей управляет

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

Моя роль
Product design + UI implementation
Совместная работа
CEO, CTO, Frontend
Результат
Настройка, пользователи и должности — в продакшене; карьерная карта — в работе
NanabushПлатформа обучения и развития
Первая настройка Нанабуш

Контекст

От работающих функций к понятным сценариям

Платформа выросла из кастдев-интервью с клиентами HRBOX по системе обучения. Первоначальную версию собрали CTO и CEO с помощью AI. Моя задача — переработать интерфейс вокруг задач администратора. Я меняла структуру экранов, компоненты и визуал непосредственно в коде; реализация проходила ревью фронтенда и ушла в продакшен.

ОрганизацияЗнанияУчебные трекиЗапуск

Решение 01 · В продакшене

Первая настройка: понятный путь к запуску

Исходная проблема

Администратор попадал в список настроек без понятного порядка действий.

Моё решение

Я перестроила настройку в последовательность: организация → знания → учебные треки → запуск. Каждый шаг показывает статус и следующее действие, а блокировки объясняют причину и ведут к исправлению.

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

Решение 02 · В продакшене

Карточка пользователя: контекст и действия в одном месте

Исходная проблема

Карточка показывала ФИО и дату входа. Этого было недостаточно для управления доступом и обучения сотрудника.

Моё решение

Я собрала в одной карточке должность, способы входа, активность, назначенные треки и отчёты. Здесь же администратор может заблокировать пользователя или сбросить пароль.

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

Решение 03 · В продакшене

Должности: увидеть пробел и перейти к его заполнению

Исходная проблема

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

Моё решение

Я показала готовность прямо в списке: требования, материалы и связанные треки. Статусы различают пробелы и непроверенные данные, а ссылки ведут к добавлению недостающего.

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

Решение 04 · В работе

Карьерная карта: связать готовность с развитием

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

Карьерная карта администратора
Текущая версия карьерной карты. Демонстрационные данные.