НазадITHub
Образовательная экосистема ✢ и платформа администрирования региональной сети колледжей
6000+
пользователей ежедневно
7 ролей
в системе не считая пермишенов
11 месяцев
работы в параллель с разработкой
Контекст
IThub — региональная сеть ИТ-колледжей. Ключевой продукт — собственная LXP-платформа, автоматизирующая весь учебный процесс и сквозное администрирование бранчей
С запуском франшизы и ростом нагрузки legacy-система перестала справляться:
Проблемы с масштабированием
Архитектура не позволяла быстро раскатывать платформу на новые бранчи
Хаос в интерфейсе
Огромная ролевая модель путала пользователей и перегружала саппорт
Технический долг
Функционал рос быстрее, чем команда успевала проектировать целостный UX
Цели и задачи
Я присоединилась к проекту, когда первый релиз уже состоялся. Главный вызов — жёсткий Time-to-Market: нужно было проектировать сложную логику новых фич и оптимизировать текущие сценарии в рамках старого UI, чтобы успеть к началу нового учебного года
Мои задачи:
- Оперативно собирать требования и прорабатывать логику новых функций платформы без остановки спринтов
- Разгрузить сложную ролевую модель, убрать хаос в сценариях и привести продукт к единым UX-паттернам
- Приоритизировать и закрывать самые частые запросы из техподдержки после первого релиза
Примеры задач и как мы их решали
В чём сложность проекта
Это не классический образовательный сайт, а тяжёлая ERP/LMS система с запутанной ролевой моделью на трёх уровнях организации (Холдинг → Организация → Кафедра) и жёсткой зависимостью сценариев
На платформе одновременно существуют 7 ключевых ролей (от студентов на мобилках до суперадмина всей сети), при этом один пользователь может совмещать несколько ролей сразу. Например, студент может быть куратором группы, а преподаватель — администратором кафедры. Интерфейс должен был бесшовно подстраиваться под права пользователя, не ломая общую логику системы
Резюме сложности
Любое изменение на одном уровне должно было мгновенно и корректно отобразиться в интерфейсах всех смежных ролей с учётом их доступов
Работе в команде
В условиях жёстких сроков я перестроила процессы, чтобы дизайн не стал узким местом:
Быстрое проектирование
Ещё до старта работы в Figma мы собирались кросс-командой (разработчики, продакт, аналитики) и устно валидировали логику фичи на бэкенде, моментально отсекая технически сложные решения
Короткие итерации и быстрые тесты
Логика проверялась на черновых скетчах напрямую с техлидом. Поскольку часть экосистемы — это внутренний продукт, мы могли оперативно тестировать решения на реальных пользователях: показывали то, что есть, просили оценить, насколько это закрывает их задачи, собирали фидбек и следили за успешностью сценариев
Систематизация в рамках текущего UI
Мы отложили редизайн (хотя я уже разработала концепцию для редизайна платформы, которую команда разработки тепло приняла на перспективу) из-за сжатых сроков, но мне удалось провести инвентаризацию текущего UI-кита и унифицировала работу с таблицами, фильтрами и формами ввода данных
Работа над задачами
Вводные данные, метрики и аудит обращений в саппорт собирала продуктовая команда. Дизайн подключался на этапе поиска решений проблем
Под разные задачи подбирался свой инструмент:
- Для изучения контекста проводили глубинные и контекстуальные интервью, исследователь наблюдал за пользователями на рабочих местах
- Для валидации интерфейса проводили коридорные тесты, а также проводили сессии совместного проектирования напрямую с пользователями платформы
В итоге
За время работы над продуктом я спроектировала более 30 новых фичей и сквозных разделов экосистемы, что привело к следующим результатам:
Успешный релиз в срок
Новая версия платформы со всей новой сложной бизнес-логикой была запущена к началу учебного года. Продукт выдержал высокую нагрузку и сейчас стабильно обслуживает 6000+ активных пользователей ежедневно (студентов, преподавателей и администрации)
Снижение нагрузки на тех.поддержку
За счёт ликвидации тупиковых сценариев, визуального разделения ошибок в календаре и сокращения лишних кликов удалось существенно разгрузить тех.поддержку и снизить поток однотипных обращений от пользователей
Унификация и предсказуемый UX
Создали единую дизайн-систему для всех 7 ролей. Унификация паттернов (работа с таблицами, фильтрами, формами) сделала интерфейс целостным, что сократило время на обучение новых сотрудников администрации
Дизайн-база для масштабирования бизнеса:
Спроектировали и зафиксировали ролевую систему и логику прав (permissions) — это помогло бизнесу раскатывать платформу на новые франшизные филиалы и гибко адаптировать её под локальные требования регионов без привлечения разработки на кастомизацию