Редизайн
регионального портала
государственных услуг

Дата релиза: апрель 2018

Государственная информационная система Удмуртской Республики,
обеспечивает доступ физических и юридических лиц к сведениям
о государственных и муниципальных услугах; предоставляет в электронной
форме государственные и муниципальные услуги в соответствии с перечнями,
утвержденными Правительством Российской Федерации и Правительством
Удмуртской Республики; ведет учет обращений граждан, связанных
с функционированием Регионального портала, в том числе возможность
для заявителей оставить отзыв о качестве предоставления государственной
или муниципальной услуги в электронной форме.

Задача

К 2017 году прежняя версия портала морально устарела и требовала
качественных изменений. Поэтому целями проекта являлись:

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

Для этого нам было необходимо разработать новый дизайна интерфейса РПГУ
УР согласно актуализированным требованиям; увеличить функциональности
и производительности РПГУ УР, реструктуризировать контент таким образом,
чтобы на первом плане была полезная для граждан информация.
Кроме того, важной частью проекта стала реализация понятного интерфейса —
несколько понятных шагов для совершения любого действия.

Обновить дизайн Регионального портала
государственных услуг.
Первый анимированный элемент
Второй анимированный элемент

Дизайн-
система
России

gov. design Видео о системе

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

Разработка решит массу проблем: разрозненность и отсутствие интеграции
государственных интернет-ресурсов; отсутствие единого стиля и единого
подхода к разработке; высокие издержки на создание и поддержку ресурсов
и многие другие.

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

Анимированный блок
Анимированный блок
Анимированный блок
Анимированный блок

Процесс

Риск — дело благородное

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

Но все вышеописанное находилось на стадии еще не принятого официально
проекта правительством РФ.

Мы решили рискнуть и при создании дизайна опереться на еще не принятые
стандарты (К счастью, риск оказался оправданным и вскоре их приняли).

Изображение iMac с новым дизайном сайта

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

Решение

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

Задачей было перевести текущую реализацию портала на новый визуальный
язык. Мы заменили каждый элемент на всех страницах.

Изображение перехода от старого к новому

Были изменены или удалены некоторые избыточные и затрудняющие
пользование порталом части интерфейса. Например кнопки, которые были
введены для того, чтобы пользователь мог получить услугу «в три клика» были
устранены как не прошедшие проверку временем.

Баннер с услугой
Новый дизайн
адаптирован
для инфоматов
и планшетных
компьютеров.
Устройство с демонстрацией приложения
Устройство с демонстрацией приложения

Технологии

Для реализации разработанного дизайна был выбран следующий
технологический стэк:

  • Vue. js
    Простой и удобный инструмент, позволил легко делать
    интерактивные элементы при общей «статичности» страницы.
  • Gel Layout
    Удобная CSS сетка с быстрой настройкой под дизайн. Сильно
    ускорила процесс разработки и унифицировало внешний вид всего
    проекта.

Результат

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

10 000 пользователей ежедневно посещают сайт
263 000 пользователей — ежемесячно

Счастливые пользователи
Центр Высоких Технологий предлагает:
Услуги по поддержке, сопровождению и продвижению сайта, которые включают в себя:
  • Работу с контентом
  • Дизайн
  • Техническую поддержку
  • Аналитику
Если у вас возникли какие-либо вопросы, предложения, либо вы желаете оформить заявку на заказ какой-либо услуги, заполните форму и отправьте нам сообщение.
Отправить заявку
Отправить заявку
Информационные системы и технологии, Создание сайтов, Разработка мобильных приложений, Разработка приложений для SMART-TV, Веб-дизайн, Тестирование Центр Высоких Технологий
Удмуртская Республика, г. Ижевск, ул. Карла Маркса, д. 246, 1 этаж
Координаты: 56.853259, 53.205197
Телефон: 93-88-61 43-29-29
Электронная почта:
Мы работаем с 8:00 до 17:00, сб., вс. — выходные дни