Платформа МФЦ для жителей Нижегородской области

Это история о том, как мы реализовали проект в рамках государственного контракта, создав новый сайт для проекта «Мои документы» МФЦ Нижегородской области. Результат нашей работы доказал, что даже получение государственных услуг может оставлять приятное впечатление.

Хотите себе такой же эксклюзивный сайт? Оставьте заявку.

Цель

Заказчик, МФЦ Нижегородской области, поставил перед нами стратегически важные цели:

  • Улучшить опыт пользователей, расширить спектр функций и сделать получение услуг простым и быстрым;
  • Укрепить доверие граждан к госучреждениям и дать клиентам возможность получить услуги вне очередей и душных помещений;
  • Модернизировать сайт, где тысячи граждан смогут получать услуги: от организации бизнеса до выдачи любых документов;

Заказчик хотел современный и функциональный сайт, где каждый может получить необходимые услуги без лишних нервов. Так мы взялись за разработку сайта «МОИ ДОКУМЕНТЫ» МФЦ Нижегородской области.

Кейс проекта — Мои документы Нижний Новгород - Банникон
Кейс проекта — Мои документы Нижний Новгород - Банникон
Кейс проекта — Мои документы Нижний Новгород - Банникон
А теперь время
Показать что у нас вышло
На старт! Внимание — Поехали
Готовы?
От хаоса к порядку

С чего мы начали

Проанализировали 50+ сайтов МФЦ: собрали самые свежие и востребованные идеи в дизайне сайта «МОИ ДОКУМЕНТЫ». В работе мы ориентировались на потребности пользователей, изучали тепловые карты и поведение аудитории. На основе нашего анализа мы разместили важные элементы на видных местах, интуитивно-понятных пользователям.


Когда дизайн важнее сроков

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

Мы приняли рискованное решение создать новый дизайн с нуля, что увеличило сроки проекта на 10+ дней:

  • Провели исследование;
  • Продумали каждую деталь;
  • Сделали интерфейс удобным и современным.

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

НОВЫЙ ДИЗАЙН
Как сделать государственный портал современным и удобным

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

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

Каталог услуг

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

  • Кому предоставляется услуга.
  • Уровень услуги.
  • Категория жизненной ситуации.
  • Ответственные организации.

Новая структура сократила время на поиск услуги, а навигация стала проще и интуитивно понятнее.

Кейс проекта — Мои документы Нижний Новгород - Банникон

Поиск по услугам

Продвинутый поиск на сайте «МОИ ДОКУМЕНТЫ» поможет быстро отыскать нужную информацию. Умный алгоритм подстраивается под текущие запросы пользователей, выставляет на первый план самые актуальные и часто запрашиваемые услуги, такие как «Паспорт» или «СНИЛС». На главной странице в разделе «Поиск» отображается три самых популярных запроса.

Кейс проекта — Мои документы Нижний Новгород - Банникон
Кейс проекта — Мои документы Нижний Новгород - Банникон
Рефакторинг кода Делаем сайт лучше и быстрее

Оптимизация

Проект реализован с помощью компонентного подхода. Его легко поддерживать и развивать. Добавление новых функций в будущем потребует минимальных затрат на техподдержку сайта.

Сайт работает стабильно и быстро — это подтверждают показатели Google PageSpeed. Используется язык программирования PHP 8.2 и система управления контентом «1С-Битрикс: Управление сайтом» на тарифе «Бизнес» — всё надёжно и соответствует современным стандартам.

Интерактивная карта

Интерактивная карта помогает пользователю выбрать ближайший пункт МФЦ и посетить его в ненагруженные часы. Она включает:

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

Интерактивная карта на сайте распределила нагрузку на пункты МФЦ, оптимизировала поток посетителей и повысила доверие пользователей.

Кейс проекта — Мои документы Нижний Новгород - Банникон

Адаптация сайта под людей с ограниченными возможностями

Наш сайт разработан так, чтобы быть удобным для пользователей с нарушением зрения:

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

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

Соответствие стандартам W3C (WAI-ARIA): добавили специальные метки (aria-атрибуты), которые помогают скринридеру точно понимать, где находится курсор и какие действия доступны на странице.

Тестирование с участием пользователей: 100% пользователей с нарушением зрения подтвердили, что пользоваться сайтом легко и комфортно.

Кейс проекта — Мои документы Нижний Новгород - Банникон

Интеграция сайта с Госуслугами

Особым нашим достижением стала интеграция сайта «МОИ ДОКУМЕНТЫ» с порталом Госуслуг. Сейчас данные обновляются в режиме реального времени.

В личном кабинете пользователи могут:

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

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

Кейс проекта — Мои документы Нижний Новгород - Банникон
Результат
Теперь пользователи могут получать всплывающие уведомления о важных изменениях в статусе заявок или о новых услугах.

Приложение PWA

Ещё одной большой разработкой, которой мы гордимся, стало PWA-приложение для МФЦ. Оно поддерживает отправку push-уведомлений и работает в автономном режиме. Можно установить прямо из браузера — на вашем устройстве появится ярлык с иконкой, как у обычного приложения.

Точка над i: финальная проверка сайта

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

Шлифовка функциональности сайта
Поиск, регистрация, запись на приём, мобильная версия и PWA-приложение — всё работает идеально!
МОБИЛЬНАЯ ВЕРСИЯ
доказали,

что даже сайт для государственного учреждения может быть функциональным, удобным и привлекательным. А значит заказать уникальный сайт у студии Банникон — верное решение!

Кейс проекта — Мои документы Нижний Новгород - Банникон

Хотите "ЗАРЯДИТЬ" свой сайт? Свяжитесь с нами

    Общество с ограниченной ответственностью «Банникон»
    ИНН 4400019740, ОГРН 1244400001878