Разработка сайта «МФЦ МГЮА» для автоматизации документооборота и улучшения пользовательского опыта

Проблемы старого решения:

• Отсутствие единой цифровой платформы для подачи заявлений и запросов документов студентами, выпускниками и сотрудниками.
• Ручная обработка заявок, высокая нагрузка на сотрудников МФЦ, риски ошибок и задержек.
• Неудобный интерфейс для пользователей, отсутствие интеграции с Личным кабинетом обучающегося.
• Сложность навигации по разным типам документов и заявлений.

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

• Обучающиеся МГЮА (студенты, аспиранты): основные пользователи, которым нужен быстрый доступ к справкам, заявлениям на отпуск, отчисление и другие документы.
• Выпускники и отчисленные: запросы справок об обучении, дубликатов дипломов, архивных данных.
• Сотрудники университета: обработка входящих заявок, администрирование процессов.
• Абитуриенты и внешние пользователи: получение общей информации об университете, лицензиях, контактах.

Исследование и UX-проектирование:

• Проведен анализ пользовательских сценариев на основе ТЗ и интервью с сотрудниками МФЦ.
• Разработана карта путешествия пользователя для каждого типа запроса (справка, заявление, обращение).
• Спроектирована четкая структура из 4 ключевых блоков:
  1. Перечень выдаваемых документов — с возможностью онлайн-заполнения анкеты.
  2. Подать заявление для обучающихся — с обязательной авторизацией через ЛК.
  3. Подать заявление — для выпускников и внешних пользователей.
  4. Дополнительная информация — FAQ с аккордеоном и ссылками.

Визуальный стиль и концепция:

• Цветовая схема — фирменные цвета МГЮА
• Типографика — строгие, читаемые шрифты, соответствующие официальному стилю юридического вуза.
• Композиция — лаконичная, структурная, с четкой визуальной иерархией. Макет построен по принципу минимализма с акцентом на удобство заполнения форм.

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

• Аккордеон в блоке FAQ — для удобного поиска ответов без перезагрузки страницы.
• Предзаполнение полей для авторизованных студентов — уменьшение времени на заполнение форм.
• Адаптивный дизайн — корректное отображение на всех устройствах.
• Интеграция с Личным кабинетом — безопасный доступ к закрытым разделам через OAuth-токен.

Ключевые функциональные модули:

1.  Формы с валидацией — обязательные поля, проверка email, телефона, загрузка файлов.
2.  Интеграция с ЛК — авторизация через токен, предзаполнение данных студента.
3.  Административная панель — управление списками документов, настройка email-адресов для заявок, просмотр статистики.
4.  Система уведомлений — email-оповещения для пользователей и исполнителей.

Сложности и решения:

•  Интеграция с устаревшим ЛК — реализовано через промежуточный микросервис для конвертации данных.
•  Безопасность персональных данных — все формы защищены HTTPS, данные шифруются, доступ разграничен по ролям.
•  Адаптивность сложных таблиц — использованы горизонтальная прокрутка и адаптивные гриды.

Обратная связь от заказчика:

• Снижение нагрузки на МФЦ на 40% за счет автоматизации обработки заявок.
• Ускорение времени подачи заявления с 15–20 минут до 3–5 минут.
• Положительные отзывы от студентов об удобстве и скорости работы.

Пользовательские отзывы:

• «Теперь не нужно идти в МФЦ лично — всё можно сделать онлайн».
• «Удобно, что данные из личного кабинета подтягиваются автоматически».

Вызовы и их преодоление:

• Сложная бизнес-логика ТЗ — проведены воркшопы с заказчиком для детализации процессов.
• Сжатые сроки — использована Agile-методология с поэтапной сдачей модулей.
• Тестирование интеграции — создана тестовая среда для имитации работы ЛК.