Разработка портала для ФГБУ «Главрыбвод»: от устаревшего сайта к современному цифровому инструменту

ФГБУ «Главрыбвод» — организация федерального масштаба с десятками филиалов по всей стране. Ее основная миссия — сохранение и восстановление водных биоресурсов.

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

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

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

Архаичный дизайн. Визуальное оформление сайта не соответствовало ни современным трендам, ни статусу федерального учреждения. Это подрывало доверие пользователей.

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

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

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

На основе выявленных проблем мы сформулировали следующие ключевые задачи:

Разработать новый UI/UX дизайн. Создать строгий, но современный визуал, ориентируясь на лучшие образцы государственных порталов (Минсельхоз, Минпромторг) и требования ТЗ.

Реализовать адаптивную верстку. Обеспечить корректное и удобное отображение сайта на всех типах устройств: от десктопов до смартфонов.

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

Внедрить современный функционал. Разработать и интегрировать:

Удобную систему управления контентом (CMS).

Интерактивную карту филиальной сети.

Современную электронную приемную.

Версию для слабовидящих.

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

Мы начали с глубокого погружения в специфику деятельности «Главрыбвода» и изучения технического задания. На этом этапе:

Проанализировали сайты-референсы для выявления удачных решений в структуре и подаче информации.

Разработали новую, логичную структуру сайта. Все материалы были сгруппированы в понятные разделы: «Об учреждении», «Виды деятельности», «Филиалы», «Документы» и т.д.

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

На основе согласованных прототипов и требований ТЗ наши дизайнеры разработали визуальную концепцию:

Цветовая палитра: За основу были взяты строгие сине-голубые оттенки, ассоциирующиеся с водой, и акцентные элементы красного и белого для навигации и важных блоков.

Типографика: Подобраны современные, хорошо читаемые шрифты.

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

После утверждения дизайна проект перешел в руки разработчиков.

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

Backend: Сайт был посажен на удобную и гибкую систему управления (CMS), которая позволяет сотрудникам «Главрыбвода» самостоятельно публиковать новости, редактировать страницы и загружать документы без привлечения программистов.

Ключевой функционал: Был разработан кастомный модуль «Интерактивная карта филиалов». Теперь пользователи могут в один клик найти на карте России нужный филиал и получить всю контактную информацию. Также мы реализовали защищенную форму «Электронной приемной» для официальных обращений граждан.

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

В результате нашей работы ФГБУ «Главрыбвод» получило не просто новый сайт, а полноценный цифровой инструмент, который полностью решил поставленные задачи:

Создан современный имидж. Новый сайт выглядит солидно, современно и соответствует статусу ведущего федерального учреждения в своей отрасли.

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

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

Автономность и экономия ресурсов. Клиент получил возможность самостоятельно управлять контентом сайта через простую CMS, что значительно ускорило процесс обновления информации.

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