Водолей.рф
От «что купить» к «как будет выглядеть»:
как мы закрыли пробел в пользовательском
опыте
- Figma
- 1С-Битрикс
- Bitrix Components
- HTML
- CSS
- JavaScript
- PHP
- REST API
- Ceramic3D
- Битрикс24
- Яндекс.Метрика
Когда покупатель смотрит на раковину, он видит не просто сантехнику, а свой будущий интерьер. Но что, если он не может представить, как эта раковина впишется в его ванную?
Именно эта потребность в визуализации стала отправной точкой для создания нового раздела на сайте. И именно ее мы реализовали.
На сайте водолей.рф уже существовал удобный и функциональный каталог сантехники, керамогранита и инженерных систем, который помогал покупателям находить и выбирать отдельные элементы. Но многие клиенты хотят видеть не только отдельные товары, но и то, как они будут выглядеть вместе в готовом интерьере.
/ Кто такой водолей.рф ?
водолей.рф — крупная оптово-розничная сеть, которая специализируется на сантехнике, керамограните и инженерных системах.
Аудитория — профессиональные строители, дизайнеры интерьеров и обычные покупатели, ремонтирующие квартиры. Особенность бизнеса в том, что решения принимаются не спонтанно: клиенты тщательно продумывают, как отдельные элементы будут сочетаться в едином пространстве. Но до внедрения готовых решений сайт не давал им возможности визуализировать свои идеи.
/ Проблема: когда товары не складываются в интерьер
Представьте, что вы выбираете сантехнику для
ремонта ванной. На сайте вы видите раковину, смеситель, душевую кабину.
Все товары визуально-привлекательны, но как они будут выглядеть вместе? Какие варианты сочетаний существуют? Сколько все это будет стоить в комплекте?
До внедрения на водолей.рф было так:
- товары представлены по отдельности, без визуального контекста;
- нет возможности увидеть, как элементы сочетаются в едином интерьере;
- процесс выбора требует переходов между разделами и ручного подбора;
- нет простого пути к оформлению дизайн-проекта или консультации.
Аналитика показала, что пользователи уходили с сайта после просмотра нескольких товаров, не найдя ответа на главный вопрос: «А как это будет выглядеть у меня?».
Это были ежедневные упущенные продажи. Для бизнеса с тысячами ежемесячных посетителей масштаб проблемы ощутим.
/ Наша задача — интеграция с Ceramic3D для вывода готовых решений
Наша задача была четкой и технически
сложной:
интегрировать сайт водолей.рф с сервисом Ceramic3D для автоматизированного получения и отображения готовых интерьерных решений.
Это включало работу с 360° панорамами, галереями изображений и детальными списками товаров, примененных в каждом решении с учетом площади и стоимости.
Мы создали не просто новый раздел, а полноценный канал передачи данных от внешнего сервиса визуализации к конечному пользователю, сохранив при этом целостность существующего каталога.
Конкретные KPI:
- повысить конверсию из просмотра готового решения в действие (заказ, консультация, запись);
- сократить путь клиента от интереса к готовому интерьерному решению до покупки или оформления услуги;
- повысить информативность карточки решения за счет объединения визуализации, состава товаров и инструментов взаимодействия;
- увеличить время на сайте за счет просмотра визуализаций;
- интегрировать результаты 3D Ceramic (визуализация и состав проекта) с системой управления каталогом и заказами;
- обеспечить бесперебойную синхронизацию данных с Ceramic3D (ежедневная автоматическая выгрузка без потерь информации).
/ Реализация: от идеи до воплощения
Мы создали не просто раздел с готовыми решениями, а трехканальный пользовательский путь, который учитывает разные цели и потребности клиентов. Теперь пользователи могут выбрать тот сценарий, который лучше всего соответствует их текущей задаче.
Три ключевых сценария взаимодействия:
Профессиональное проектирование
Пользователь видит понравившееся решение → нажимает «Заказать дизайн-проект» → заполняет краткую форму → получает персонального менеджера, который создаст индивидуальный проект с учетом всех нюансов.
Сбор комплекта и оформление заказа
Пользователь просматривает решение → добавляет выбранные товары в корзину → оформляет заказ с учетом всех скидок и акций → получает готовый комплект в выбранный срок.
Адаптация под параметры помещения
Пользователь выбирает тип помещения или конкретный проект → указывает размеры и предпочтения в форме «Рассчитать стоимость» → получает адаптированное решение с пересчитанной стоимостью.
Особое внимание мы уделили:
- гибкости выбора — пользователь сам решает, на каком этапе он находится: от первичного знакомства до готового заказа
- плавным переходам — убрали разрыв между «просмотром» и «действием». В списках формы открываются в модальных окнах без потери контекста, а на детальной странице интегрированы на странице решения.
- контекстным предложениям — на каждой стадии пользователю предлагаются релевантные действия: «Заказать дизайн-проект», «Рассчитать стоимость под вашу планировку», «Связаться с ассистентом по плитке»
- офлайн-онлайн интеграции — бесплатные услуги доступны как в онлайн-режиме, так и в физических магазинах, с возможностью выбора удобного формата и локации
Техническая реализация
Вместо сложной API-интеграции с Битрикс24 мы использовали готовый виджет форм. Все заявки (дизайн-проекты, расчеты стоимости, запись на консультацию) мгновенно создают лиды в CRM, обеспечивая оперативную обработку запросов.
Интеграция с Ceramic3D была настроена так, чтобы решения обновлялись ежедневно без ручного вмешательства, сохраняя актуальность контента и снижая нагрузку на администраторов.
Этот подход позволил нам создать не просто статичный раздел, а динамичный инструмент продаж, который работает на всех этапах пользовательского пути от первичного интереса до оформленного заказа.
/ Итог: когда сайт становится частью решения
Конверсия на странице «Готовые решения» выросла в 4 раза за 2 месяца после интеграции
Мы не просто добавили на сайт новый раздел, мы изменили парадигму взаимодействия с клиентом. Теперь водолей.рф — это не место, где покупают раковины. Это платформа, где клиенты находят готовые решения для своего дома.
/ Стек технологий
Проект был реализован на базе существующей платформы клиента с глубокой интеграцией внешних сервисов:
- Дизайн: Figma
- CMS: 1С-Битрикс
- Frontend: Bitrix Components, HTML, CSS, JavaScript
- Backend: PHP, REST API
- Интеграции: Ceramic3D — получение данных о проектах, 360° панорамах и составе товаров
- Интеграции: Битрикс24 — обработка заявок через стандартный виджет
- Аналитика: Яндекс.Метрика
/ Команда проекта
- Руслан В. — Системный аналитик
- Татьяна Б. — UX|UI Дизайнер
- Илья К. — Frontend-разработчик (HTML, CSS, JavaScript)
- Андрей Б. — Тимлид разработки (Bitrix)
- Павел С. — Backend-разработчик (PHP, Bitrix Components, API интеграции)
- Екатерина О. — Тестировщик
- Иван К. — Руководитель проекта