Top.Mail.Ru

Водолей.рф

От «что купить» к «как будет выглядеть»:
как мы закрыли пробел в пользовательском опыте

  • Figma
  • 1С-Битрикс
  • Bitrix Components
  • HTML
  • CSS
  • JavaScript
  • PHP
  • REST API
  • Ceramic3D
  • Битрикс24
  • Яндекс.Метрика
промо страница сайта

Когда покупатель смотрит на раковину, он видит не просто сантехнику, а свой будущий интерьер. Но что, если он не может представить, как эта раковина впишется в его ванную?

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

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

логотип
здание предприятия

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

Аудитория — профессиональные строители, дизайнеры интерьеров и обычные покупатели, ремонтирующие квартиры. Особенность бизнеса в том, что решения принимаются не спонтанно: клиенты тщательно продумывают, как отдельные элементы будут сочетаться в едином пространстве. Но до внедрения готовых решений сайт не давал им возможности визуализировать свои идеи.

пример решения

Представьте, что вы выбираете сантехнику для ремонта ванной. На сайте вы видите раковину, смеситель, душевую кабину.
Все товары визуально-привлекательны, но как они будут выглядеть вместе? Какие варианты сочетаний существуют? Сколько все это будет стоить в комплекте?

До внедрения на водолей.рф было так:

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

Аналитика показала, что пользователи уходили с сайта после просмотра нескольких товаров, не найдя ответа на главный вопрос: «А как это будет выглядеть у меня?».

Это были ежедневные упущенные продажи. Для бизнеса с тысячами ежемесячных посетителей масштаб проблемы ощутим.

пример страницы сайта
пример страницы сайта на смартфоне

Наша задача была четкой и технически сложной:
интегрировать сайт водолей.рф с сервисом 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 интеграции)
  • Екатерина О.Тестировщик
  • Иван К.Руководитель проекта