Инжиниринговый центр водоснабжения и водоотведения

Клиент: Инжиниринговый центр водоснабжения и водоотведения (ООО «ИЦ ВС и ВО») — компания из Санкт-Петербурга, 100% дочерняя структура ГУП «Водоканал Санкт-Петербурга». Центр основан в 2016 году, работает с более чем пятьюдесятью партнёрами и занимается проектированием, строительством, диагностикой и обслуживанием систем водоснабжения и канализации, а также научно-исследовательскими работами и экологическим проектированием.

Задача: разработать с нуля корпоративный сайт вместе с дизайном. Весь накопленный опыт компании был собран в одной тяжёлой презентации в PDF и плохо работал на привлечение клиентов. Нужен был сайт, который за пару кликов объясняет, чем занимается центр, показывает реальные проекты, подтверждает надёжность лицензиями и допусками СРО и ведёт посетителя к заявке.

У сайта несколько аудиторий с разными вопросами: застройщики и подрядчики, которые выбирают исполнителя, партнёры по Водному кластеру, поставщики и будущие сотрудники. Каждому нужно было быстро найти свой ответ и понятный способ связаться с компанией.

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

В рамках проекта было решено:

• провести аналитику и спроектировать структуру сайта под реальные сценарии посетителей;

• разработать дизайн в спокойной «водной» стилистике для десктопа, планшета и телефона;

• собрать главную страницу, которая за минуту рассказывает о компании и ведёт к заявке;

• подготовить разделы о компании: миссия и ценности, деятельность, Водный кластер, руководство;

• создать каталог из семи услуг и раздел «Проекты»;

• запустить ленту новостей и отдельный раздел мероприятий;

• вынести лицензии, СРО и благодарственные письма в отдельный раздел;

• сделать удобные формы обращения и страницу контактов с картой;

• настроить систему управления и SEO-основу, передать сайт команде клиента.

Каждый из этих этапов мы подробно распишем ниже.

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

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

Главная страница
Она устроена как короткий рассказ: чем занимается центр, ключевые цифры (с 2016 года, 50+ партнёров), свежие новости, проекты, логотипы партнёров и контакты с картой. Презентацию компании можно скачать прямо с первого экрана.

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

Услуги и проекты
Семь направлений — от проектирования и строительства до НИОКР, экологического проектирования и комплексного акустического анализа — получили собственные страницы с перечнем работ и формой заявки. Проекты показаны карточками с обложками: клик открывает полное описание.

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

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

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

Запуск
Мы настроили систему управления, чтобы команда клиента добавляла новости, проекты и документы без программиста, подготовили мета-теги и карту сайта, проверили формы и адаптив и вывели сайт в работу.

Сайт запущен и работает как цифровой офис компании. Что получил клиент:

• более 20 страниц в шести основных разделах: от миссии и деятельности до проектов и контактов;

• семь услуг, у каждой своя страница и форма заявки;

• единая форма обращения с девятью темами, в которую можно приложить файл;

• лицензии, допуски СРО и СОУТ в открытом доступе: посетитель проверяет надёжность компании, не снимая трубку;

• презентация компании на 31 МБ, которую можно скачать с главной страницы;

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