8 (8212) 55 18 12

Запуск сайта Совета МО ГО «Сыктывкар»

Приступить к чтению
   Версия для слабовидящих
    Адаптация на все устройства
   Доверие и отзывчивость
   Уникальная карта поиска

Три месяца увлекательной работы над кейсом “Создание новой версии сайта для Совета города Сыктывкара” пролетели незаметно. Спешим рассказать о проделанной работе.

К нам обратилось руководство Совета МО ГО «Сыктывкар» с просьбой сделать сайт, который будет соответствовать ожиданиям жителей Сыктывкара. Разработка сайтов, за последние 10 лет, двигается семимильным шагами, поэтому модернизация — естественный процесс.

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

Немного отклоняемся от темы — опишем особенности “Заказчика”.

“Русский мужик долго запрягает, да быстро едет”— народная мудрость ;-)

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

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

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

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

Дизайн и структура.

Многие государственные сайты, которые были разработаны давно — страдают своей перегруженностью, номенклатурностью и бюрактичным оформлением. Проблема в том, что присутствует много уровней, поэтому посетителю сложно что-то найти. Эту задачу мы решили проработкой архитектуры сайта до 2-х уровней.

В далеком 2012 году на рынке мало присутствовали широкоформатные мониторы, из-за этого сайты пытались уместить информацию на более маленькое пространство экрана, отсюда скомканность. Мы распределили информацию комфортно с учетом разных экранов. Убрали все второстепенные элементы в подвал сайта, теперь они не отвлекают от самого важного.

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

Прошлая версия сайта

 

Новая версия сайта

 

Версия для слабовидящих на сайте.

С 1 января 2016 года вступил в силу Федеральный закон N419-ФЗ, который обязывает все госучреждения  создать версию сайта для слабовидящих. Вернемся к тому, что многие сайты разрабатывались ранее 2016 года, поэтому нормальные версии сайтов для слабовидящих единицы, в том числе и под мобильную версию.

Что мы сделали для действительно хорошей версии:

  • представили информацию в виде текста (изображения можно включать и отключать, кроме логотипа);
  • масштабировали шрифты до 200 % с возможностью регулировать вручную;
  • оптимизировали отображаемый контент;
  • предоставили возможность выбора пользователю цвета текста и фона.

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

 

 

Страницы с депутатами.

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

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

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

Страница депутата до и после

 

Полная страница депутатов ДО

ПОСЛЕ

Новый сайт совета МОГО Сыктывкар

Удобный поиск депутата по фамилии, району и партии.

Не все жители города Сыктывкара знают какой депутат относится к их округу. В Сыктывкаре существует 15 округов и за каждым закреплены определенные депутаты.

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

В таком виде мы имели информацию в начале разработки интерактивной карты и таких документов было много:

 

Поиск депутата в прошлой версии:

 

Поиск депутата в новой версии:

Упоминание депутатов в новостях.

Депутаты ведут активную социальную жизнь, по этому на сайте постоянно появляются новости с упоминанием депутатов. В старой версии сайта просто отображалось ФИО внутри текста. На новом сайте реализован функционал упоминания депутата в тексте новости. Контент менеджер при написании новости ссылается на нужного депутата и в текст автоматом подставляется ссылка (так же просто как и в instagram или vk).

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

Фильтры по документам.

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

До и После

 

Календарь событий.

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

Совет - события

 

 

 

Реальная статистика депутатов.

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

Контрольно-счетная палата.

Выделен отдельный блок контрольно-счетной палаты МО ГО «Сыктывкар». Где можно найти необходимую информацию и ознакомиться с их документами.

В прошлой версии контент на сайте был подан скомкано (как в принципе и на любой его странице). Сейчас этот момент проработан на простоту восприятия и легкости читаемости текста.

До и после

 Совет - О КСП

Что можно сказать по итогу: при ограниченности сайта государственной символикой он стал живым и дружелюбным.

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

Выполнены все требования Федерального закона N419-ФЗ.

 

Адаптация.

По старой доброй традиции желаем продуктивной работы и теплых взаимоотношений Совету города Сыктывкара и его жителям!

 

www.syktyvkar-sovet.ru


Участники проекта:

  • Менеджер проектов: Рупышев Владимир
  • Дизайнер: Яцков Андрей
  • Верстальщик: Кокин Михаил
  • Ведущий программист:  Щанов Юрий
  • Программист:  Коковкин Александр

   Год: 2018

Заказать адаптацию версии для слабовидящих: написать NORTEX 

Время прочтения:
Время прочтения 9.0 мин

Для авторов

Хотите стать со-автором блога, рассказать аудитории о новинках в мире веб и все что с ним связано? Тогда присылайте ваши материалы и мы опубликуем их.

Стать автором

Обсуждение