Соцсети
В рамках государственного контракта CSG разработала новый официальный сайт Смоленской областной Думы. Проект объединил большой объём общественно значимой информации в единой цифровой системе и сделал взаимодействие с ней более понятным как с компьютера, так и с мобильных устройств.
На сайте представлены материалы о деятельности Думы, депутатах, комитетах и комиссиях, новости, документы, информация о заседаниях и другие разделы, необходимые для полноценного информирования пользователей. Отдельное внимание было уделено навигации и поисковым сценариям, поскольку структура проекта включает большое количество взаимосвязанных страниц и данных.
Одним из ключевых функциональных решений стала интерактивная карта региона, позволяющая пользователю определить своего депутата по территории и перейти к соответствующей информации.
Перед CSG стояла задача полностью переосмыслить digital-представительство Смоленской областной Думы и разработать современный сайт с понятной информационной архитектурой, удобной навигацией и адаптивным интерфейсом.
Структура проекта была выстроена вокруг реальных пользовательских задач: узнать последние новости, найти информацию о депутате, изучить деятельность комитетов и комиссий, перейти к документам, посмотреть материалы заседаний или быстро найти необходимый раздел.
Отдельная задача заключалась в работе с длинными материалами и большим количеством документов. Для таких страниц была предусмотрена спокойная композиция, выраженная типографическая иерархия и логичное деление информации на смысловые блоки.
Для сайта была разработана новая UX/UI-система, ориентированная прежде всего на функциональность, читаемость и понятную иерархию информации.
Визуальный язык построен на сочетании официального характера проекта и современного digital-подхода. Фирменный синий используется как основной акцентный цвет, а большое количество белого пространства помогает разделять информационные блоки и снижать визуальную нагрузку.
Мы разработали систему компонентов для новостей, карточек депутатов, текстовых материалов, документов, навигационных элементов, форм и интерактивных сервисов. Это позволило сохранить единый визуальный принцип во всех разделах сайта независимо от типа и объёма контента.
Интерфейс был отдельно адаптирован для desktop, tablet и mobile, чтобы ключевые сценарии оставались одинаково доступными на разных устройствах.
После завершения UX/UI-этапа команда CSG выполнила полноценную разработку сайта.
Проект реализован как многостраничная информационная система с большим количеством взаимосвязанных сущностей и сценариев. Мы разработали адаптивный интерфейс, логику отдельных разделов и функциональные компоненты, необходимые для работы с информацией о деятельности Думы.
Особое внимание на этапе разработки уделялось корректной работе сайта на разных разрешениях экранов, отображению большого количества текстовых материалов и стабильности пользовательских сценариев.
FIGMA
1c_bitrix
Одним из наиболее технологичных элементов проекта стала разработанная CSG интерактивная карта Смоленской области.
Сервис решает конкретную пользовательскую задачу: помогает определить депутата, связанного с определённой территорией региона. Вместо необходимости самостоятельно разбираться в структуре округов пользователь взаимодействует с визуальной картой и получает нужную информацию в рамках одного сценария.
Для карты была отдельно разработана логика взаимодействия, визуальное отображение территорий и интерфейс выдачи информации о депутатах. Сервис органично интегрирован в общую дизайн-систему сайта и работает как самостоятельный функциональный модуль.
