Корпоративный сайт компании «Водокомфорт»

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

Задачи:

1) Провести глубокий аудит потребностей аудитории и перевести их в понятную структуру.

2) Спроектировать навигацию, адаптированную под конкретную ЦА. Чтобы девелопер искал оптовые поставки, а монтажник — паспорт продукции, и оба находили это интуитивно.

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

4) Построить технологическую основу на Symfony для дальнейшей поддержки внутренней ИТ-командой заказчика.

5) Достичь измеримых KPI: рост трафика и заявок, увеличение времени на сайте, снижение отказов до 10−15%.

Ключевой вызов заключался в разнородных потребностях разных сегментов клиентов. Мы построили решение на принципе сегментации навигации по аудитории, где бытовое оборудование (например, конвектор) доступно для самостоятельного подбора и покупки всем клиентам — как частным лицам, так и девелоперам, — а промышленное оборудование (например, БТП) могут приобрести исключительно компании, занимающиеся монтажом крупных объектов (например, ЖК).

Аналитика

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

Проектирование

Мы отказались от классической линейной навигации. Вместо этого на главной странице пользователь сразу встречает «развилку» — четыре пункта меню для выбора своей роли. Это принципиальное решение сокращает путь к нужной информации с десятков кликов до 2−3.

Дизайн-концепция

Запрос клиента звучал как «современность, дружелюбная экспертиза и удобство». Мы воплотили это через:

1. Сильный контраст и четкую структуру. Передают ощущение фундаментальности, технологичности и порядка — что критично для ЦА.

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

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

   

   

   

   Разработка
   
   Backend. Сайт реализован на Symfony 7.0 (PHP 8.2). Этот выбор был стратегическим и обусловлен наличием у заказчика собственной команды Symfony-разработчиков, что гарантировало долгосрочную поддержку и развитие проекта без нашей помощи.

   Frontend. Использовались GSAP и ScrollTrigger — для сложной анимации, привязанной к скроллу, и Swiper. js — для отзывчивых слайдеров галерей и проектов.

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

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

1. У компании появился структурированный сайт, отвечающий запросам аудитории и демонстрирующий высокий уровень экспертизы.

2. Путь к цели для каждой аудитории сокращен до минимума, что напрямую влияет на удовлетворенность и конверсию.

3. Сайт визуально соответствует статусу лидера рынка, подчеркивая историю, экспертизу в производстве (TM SPL) и комплексность услуг.

4. Разработка на Symfony позволяет внутренней команде клиента самостоятельно развивать и поддерживать проект.

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