Корпоративный сайт компании «Водокомфорт»
2023−2025
Водокомфорт
Аналитика
UI/UX дизайн
Frontend
Backend
У компании, работающей с крупными девелоперами и государственными заказчиками, фактически не было работающего цифрового представительства. Старый сайт не отражал масштаб и экспертизу бизнеса, а также не соответствовал новому фирменному стилю и позиционированию вследствие изменения бизнес-модели компании.
Несоответствие фирменному стилю после слияния усиливало путаницу, нарушая ожидания от единого бренда. Кроме того, клиенты не могли самостоятельно найти каталоги, технические паспорта, сертификаты или другую важную для их работы информацию.
«Боль» была очевидной: менеджеры тратили много времени на то, чтобы вручную отвечать на базовые запросы, ответы на которые клиент должен находить сам. Все это тормозило продажи, снижало профессиональное восприятие компании, бизнес упускал возможности для развития отношений с клиентами и партнерами.
«Боль» была очевидной: менеджеры тратили много времени на то, чтобы вручную отвечать на базовые запросы, ответы на которые клиент должен находить сам. Все это тормозило продажи, снижало профессиональное восприятие компании, бизнес упускал возможности для развития отношений с клиентами и партнерами.
Клиент
ООО «ВОДОКОМФОРТ» — один из крупнейших игроков на рынке инженерного оборудования для водоснабжения, теплоснабжения и холодоснабжения с более чем 25-летней историей. Компания работает как комплексный поставщик: от проектирования и производства (под собственной маркой SPL) до монтажа и сервисного обслуживания.
01
Повысит конверсию в заявку, упростит и ускорит процесс принятия решения для клиента и процесс обработки запроса для менеджера.
02
Ликвидирует информационный вакуум, предоставив разным группам целевой аудитории (девелоперы, подрядчики, проектировщики, монтажники, частные клиенты) прямой доступ к документации и данным.
03
Визуально укрепит имидж надежного, технологичного партнера с глубокой экспертизой, подчеркнув 25-летнюю историю и ценность команды.
04
Станет отправной точкой для формирования сильного HR-бренда.
Цель
Создать не просто «еще один корпоративный сайт», а эффективный инструмент, который:
Задачи
01
Провести глубокий аудит потребностей аудитории и перевести их в понятную структуру.
02
Спроектировать навигацию, адаптированную под конкретную ЦА. Чтобы девелопер искал оптовые поставки, а монтажник — паспорт продукции, и оба находили это интуитивно.
03
Разработать дизайн, транслирующий надежность, профессионализм, гибкость и человечность, уйдя от сухой технической подачи.
04
Построить технологическую основу на Symfony для дальнейшей поддержки внутренней ИТ-командой заказчика.
05
Достичь измеримых KPI: рост трафика и заявок, увеличение времени на сайте, снижение отказов до 10−15%.
Реализация
Ключевой вызов заключался в разнородных потребностях разных сегментов клиентов. Мы построили решение на принципе сегментации навигации по аудитории, где бытовое оборудование (например, конвектор) доступно для самостоятельного подбора и покупки всем клиентам — как частным лицам, так и девелоперам, — а промышленное оборудование (например, БТП) могут приобрести исключительно компании, занимающиеся монтажом крупных объектов (например, ЖК).
Аналитика
Мы детально изучили и формализовали «боли» каждой группы, что стало основой для структуры.
Проектирование
Мы отказались от классической линейной навигации. Вместо этого на главной странице пользователь сразу встречает «развилку» — четыре пункта меню для выбора своей роли. Это принципиальное решение сокращает путь к нужной информации с десятков кликов до 2−3.
01
Сильный контраст и четкую структуру. Передают ощущение фундаментальности, технологичности и порядка — что критично для ЦА.
02
Скругленные элементы и «теплые» фото. Использование живых, непостановочных фото реальных сотрудников на производстве и в офисе добавляет человечности, сокращает дистанцию и создает доверие.
03
Удобную навигацию. Визуальное разделение по сегментам помогает клиенту быстро сориентироваться на сайте.
Дизайн-концепция
Запрос клиента звучал как «современность, дружелюбная экспертиза и удобство». Мы воплотили это через:
Разработка
•
Backend. Сайт реализован на Symfony 7.0 (PHP 8.2). Этот выбор был стратегическим и обусловлен наличием у заказчика собственной команды Symfony-разработчиков, что гарантировало долгосрочную поддержку и развитие проекта без нашей помощи.
•
Frontend. Использовались GSAP и ScrollTrigger — для сложной анимации, привязанной к скроллу, и Swiper. js — для отзывчивых слайдеров галерей и проектов.
•
Архитектура. Монолитная архитектура на MySQL была выбрана как наиболее оптимальная для текущего этапа жизни проекта. Это дало баланс между производительностью, надежностью и простотой поддержки.
Результаты
Мы создали и запустили полноценный цифровой бизнес-инструмент, который стал «точкой роста» компании.
01
У компании появился структурированный сайт, отвечающий запросам аудитории и демонстрирующий высокий уровень экспертизы.
02
Путь к цели для каждой аудитории сокращен до минимума, что напрямую влияет на удовлетворенность и конверсию.
03
Сайт визуально соответствует статусу лидера рынка, подчеркивая историю, экспертизу в производстве (TM SPL) и комплексность услуг.
04
Разработка на Symfony позволяет внутренней команде клиента самостоятельно развивать и поддерживать проект.
Заключение
Нам удалось построить цифровой сервис, который решил множество болей клиента. Сайт стал работающим 24/7 продавцом, техническим консультантом и публичным лицом компании, закладывая основу для масштабирования бизнеса и укрепления лидерских позиций на рынке.
Команда
Руководитель проекта
Елена Чернова
Арт-директор
Елена Пономарева
Аналитик-проектировщик
Анастасия Макарова
Разработчики
Нина Альтенталлер
Дмитрий Мекеров
Анастасия Рябикова
Дмитрий Мекеров
Анастасия Рябикова
QA-специалист
Анна Питернова
Редакторы
Анастасия Луканова
Александр Смолей
Александр Смолей
Контент-менеджер
Артем Дегтярев
Кейсы
Атриум
Единый цифровой хаб для промышленного холдинга
Kept 35
Лендинг к 35-летию Kept — визуальная история аудиторско-консалтинговой компании
НЛМК
Лендинг социального проекта «Дружный двор»
Алюминиевая Ассоциация
Цифровая экосистема с личными кабинетами для роста алюминиевой отрасли
Имед
Цифровой каталог медицинской техники для крупнейшего поставщика
Комментарии к статье
Комментарии: 0