English
Контакты
Москва
Серебряническая наб., 29
+7 (495) 108-24-49
Кемерово
Ноградская, 5, офис 404
+7 (3842) 65-04-90
Digital-агентство
Мэйк

Правительство Ямало-Ненецкого автономного округа

Ямало-Ненецкий автономный округ — третий по ВВП субъект РФ. У региона своя специфика: сложные природные условия, малая плотность населения и отдалённые населённые пункты, временные трудовые мигранты. Государственные интернет-сервисы в таких условиях критически важны.

Задачи

Сайт правительства Ямала был обновлен недавно – два года назад. Однако, бессистемное наполнение, разросшаяся структура и ограничения программной платформы привели к тому, что он не решал возложенных на него задач. Пользоваться им было неудобно, а картинка не радовала глаз. 

Задачи, которые заказчик поставил на старте проекта:

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

Стандарт цифрового государства России

Мы предложили разработать дизайн сайта на основе «Стандарта цифрового государства России». Цель проекта – создать единую дизайн-систему для электронных ресурсов страны и перевести на неё все госсайты. Система включает в себя общие стандарты, визуальный язык, требования к доступности информации, редакционную политику. Инициаторами проекта – Правительство России и Минкомсвязи России. 

Благодаря этому решению заказчик получил в сжатые сроки и бюджет лучший результат, чем если бы мы разрабатывали всё с нуля. Кроме того «Стандарт цифрового государства России» развивается. Это позволит сократить расходы на развитие и обслуживание.

Мы предложили заказчику комплексный подход – параллельно с дизайном сайта разработать брендинг региона. Представили, каким в целом может быть бренд Ямала и его визуализация. Создали эскизный вариант и на его основе нарисовали тематические иллюстрации. Таким образом, намечены предпосылки для разработки единого регионального стиля.

Цифровой герб

Герб региона терялся на мобильных устройствах – в нем было слишком много мелких деталей, использовался белый цвет и черные обводки. Для решения этой проблемы создали специальную цифровую версию герба ЯНАО.

Главная страница

На главную вынесен наиболее востребованный функционал сайта: 

  • Лента новостей. В сравнении с предыдущей версией сайта новости стали компактнее.
  • Деятельность Правительства. Карточки направлений ведут на внутренние разделы сайта, ссылки ниже на внешние сайты. 
  • Государственные услуги и сервисы. Ссылки на услуги с  gosuslugi.ru, поиск ближайшего МФЦ, а также блок со способами обратной связи. В перспективе – каталог государственных сервисов для различных групп целевых аудиторий.
  • Полезные ссылки. Согласно нормативным актам на сайте правительства должно быть представлено огромное количество ссылок на различные проекты. Убрать их невозможно. Решение — раскрывающийся список под спойлером.
Навигация

Навигация построена на госбаре, главном меню сайта и горизонтальном меню разделов. 

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

 

Власть 

Здесь расположена информация об органах власти: региональных, федеральных и местном самоуправлении. На старом сайте раздел имел сложную структуру. Он был разделен на два раздела, включал 22 подраздела и 150 страниц. Большая часть страниц состояла из списка ссылок, которые вели на другие страницы. Все это путало пользователей, найти нужную информацию было сложно, а иногда невозможно. 

Мы предложили удалить все лишние буферные страницы и выделить три подраздела – «Органы власти», «Местное самоуправление», «Государственная служба».

Органы власти

Информацию подраздела оформили в виде раскрывающегося списка категорий. В раскрытом виде каждая категория содержит описание и список учреждений/ должностных лиц. В скрытом только название. Ссылки на внешние сайты отмечены стрелками. Добавили поиск по учреждениям и чиновникам

Правительство

Задача подраздела — показать иерархическую структуру Правительства. Мы составили иерархическое дерево с раскрывающимися ветвями. Линии отражают подчиненность. На мобильных устройствах линии иерархии скрываются. Подчиненность визуализирована типографикой и размером фотографий. 

Местное самоуправление

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

Страницы должностных лиц и муниципальных образований

Страницы членов правительства и муниципального образования построены на основе типовой текстовой страницы — публикации. Для удобной навигации используется Back link — ссылка возврата к предыдущей странице. Из контекста и заголовка ссылки понятно, какая страница является родительской. Это решение позволило отказаться от массивных «хлебных крошек».

Разделы департаментов

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

Губернатор

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

Пресс-центр

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

Лучше проработали публикации, добавили новые функции: 

  • В мероприятиях добавили акцент на дате и времени проведения и кнопку регистрации. 
  • На странице публикации создали востребованные, но отсутствовавшие ранее текстовые блоки (например, цитата). 
  • Компонент «Поделиться» стал функциональнее. Помимо шаринга в соцсети появилась возможность скопировать ссылку, отправить публикацию на электронную почту и распечатать статью.
  • Полностью переделали просмотр фотографий и альбомов. Добавили возможность поделиться и скачать фото в высоком качестве.

Документы

На старом сайте было два независимых раздела с документами – все документы и официально опубликованные. В раздел «Все документы» попадал любой документ, размещенный на сайте. Мы переработали навигацию и структуру раздела. Теперь два внешне одинаковых, но разных по смыслу раздела связаны друг с другом вкладками.

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

Страница документа

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

Процесс работы

Проект стал для нас вызовом – сжатые сроки (25 рабочих дней), масштабная работа по улучшению юзабилити сайта, коммуникация со сторонними разработчиками. Многое пришлось делать впервые, например, вести авторский надзор за качеством верстки дизайна. Мы составляли подробные подробные описания и к каждому макету, собирали презентации, разрабатывали видео в Principle.

Результаты 

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

Сейчас проект находится на стадии предэксплутационного тестирования. Релиз нового дизайна сайта ожидается в конце 2019 года.