мтуси

МТУСИ — крупный технический вуз с 10 000+ студентов. Пользовательский опыт был фрагментированным: расписание искали на сайте, документы подписывали офлайн, а новости получали через телеграм-канал. Вместе с командой подрядчика цифровизировали учебную экосистему вуза — вместо разрозненных каналов разработали единую платформу.

Как продуктовый дизайнер отвечал за флоу, UX/UI и поддержку разработки. После запуска планирование и учёт нагрузки стали быстрее на 50%, составление расписания ускорено на 25%, ошибок в расчётах на 15% меньше, документы аттестации оформляются вдвое быстрее.

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

PWA / Android + Web

продуктовый дизайнер, UX / UI, ресерч, поддержка

Задача

Создать цифровой продукт, который объединит ключевые процессы взаимодействия студентов и преподавателей с университетом. Упростить доступ к расписанию, подаче заявок, отслеживанию платежей и электронному документообороту.

Решение

Сценарно-ориентированная навигация и разделение функционала по ролям (студент / преподаватель). Упор на скорость доступа к критичным функциям.

гипотеза

Студенты и преподаватели сталкиваются с высокой фрагментацией сервисов. Это увеличивает нагрузку на университетские отделы и создаёт фрустрацию у пользователей.

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

Процесс

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

Я проанализировал задачи преподавателей и студентов, собрав ключевые сценарии. Сосредоточился на том, чтобы перенести повторяющиеся офлайн-процессы в интерфейс. Расписал приоритеты, продумал иерархию разделов и начал с ключевых.

Я создал первый набор экранов, провёл коридорные тестирования со студентами, получил первые сигналы, и после доработал макеты. Такой итеративный подход позволял проверять базовую понятность ещё до запуска.

Поддерживал тесную связку с фронтом, так как продукт разрабатывался в параллель с дизайном. Иногда приходилось подстраивать логику под 1С, но в целом большинство решений оставались на моей стороне. Часть решений приходилось защищать, объясняя важность конкретных взаимодействий.

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

Главная

Цель:
Дать студенту быстрый доступ к самым нужным действиям и информации

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

Влияние:
Интерфейс стал «рабочим столом», 61% всех действий в платформе совершаются с главного экрана.

Расписание

Цель:
Обеспечить мгновенное понимание текущего и будущего расписания, уменьшить вероятность ошибок.

Решение:
Предметы разбиты по цветам — для быстрого восприятия. Добавлена плашка «Пара отсутствует» для свободных слотов.

Влияние:
Расписание стало читаемым и понятным с первого взгляда. 4 из 4 респондентов на коридорных тестах корректно интерпретировали расписание — без дополнительных пояснений.

Документы

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

Решение:
Сделал полноценный раздел с онлайн-запросом справок, подписанием ведомостей преподавателями и отслеживанием статусов. Автоматически синхронизируется с 1С.

Влияние:
Свыше 6300 услуг оформлены онлайн за 6 месяцев — рост на 18% + снижение офлайн-запросов. Автоматизация снизила ошибки и ускорила документооборот.

Результаты

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

Овервью

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

В итоге:

  • Сокращено время на формирование расписания на 25%

  • Снизили трудозатраты на планирование и распределение учебной нагрузки более чем на 50%

  • Уменьшили количество ошибок в расчетах учебной нагрузки на 15%

  • Снизили время заполнения ведомостей и сдачи аттестации почти в 2 раза

  • За период в 6 месяцев было предоставлено 6344 услуги в электронном формате. Количество услуг увеличилось примерно на 18% по сравнению с аналогичным периодом предыдущих лет и в то же время уменьшилось количество очных посещений в структурных подразделениях, ответственных за предоставление услуги

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


DAU: ~1 900
MAU: ~8 400
Bounce rate: 11%
Среднее время на платформе: 3м 16с
Глубина просмотра: 2.4
Оценка в RuStore: 4,5 / 5

Create a free website with Framer, the website builder loved by startups, designers and agencies.