Создание сайта государственного учреждения | Портфолио и кейсы | Технологии успеха
Меню
1-й российский научный центр «Технологии успеха»
Научный подход к проектированию и продвижению онлайн-площадок
Задать вопрос 8 800 775-17-11
Назад к кейсам

Сайт с интерактивной картой дорожных работ

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

Заказчик

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

laptop.png

Что было

У клиента был сайт, созданный исключительно с использованием HTML, без применения баз данных и системы управления контентом (CMS). Это ограничивало развитие ресурса, затрудняло обновление контента. Поэтому было решено сделать новый сайт.

Задачи

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

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

  • текущих ремонтных работах;
  • капитальном ремонте дорог;
  • строительстве новых участков и трасс;
  • протяженности этих участков.

Решение

map.png

Хроника работ на новом сайте представлена в виде удобной для восприятия интерактивной карты. Каждая точка устанавливается вручную через административную панель. Затем для каждой точки выбираются параметры для фильтра, заполняется описание. В зависимости от вида и стадии работ точка показана соответствующим значком. Отдельный значок придуман для крупных, особо важных объектов.

Фильтры

Фильтры помогают быстро отыскать интересующий объект на основе:

  • района республики;
  • вида работ;
  • статуса выполнения;
  • года.
filters-1.png filters-2.png filters-3.png

Адаптивность

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

adaptivity-1.png
adaptivity-2.png

Карточка объекта

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

card-1.png
card-2.png

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

card-3.png

Новости

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

news-1.png news-2.png

Внутренние страницы

Всего нарисовано более 15 страниц с разным контентом.

Помимо карты на сайте есть текстовые страницы, страницы с документами, «Интернет-приемная», которая позволяет создать обращение к руководству учреждения и записаться на прием.

page-1.jpg page-2.jpg
page-3.jpg page-4.jpg

Спасибо за просмотр

uprdor.e-mordovia.ru
Подробнее про разработку этого сайта — в нашем блоге

Хотите такой же сайт? Давайте начнем работу!

наверх