Дверь открыта — остается только зайти: как мы перестроили сайт крупнейшего продавца дверей Беларуси
- Заказчик
- Юркас — крупнейший производитель и поставщик дверей в Беларуси. Компания специализируется на продаже межкомнатных и входных дверей, а также на их установке.
- Задача
- Разработать современный сайт-каталог с удобной навигацией и полным контролем над товарной базой, адаптированный для SEO и масштабирования.
Сеть «Юркас» включает как франчайзинговые, так и собственные магазины. Клиенты могут ознакомиться с образцами в салонах, получить консультацию, вызвать замерщика, после чего через систему «Юркаса» оформляется заказ. Производство и поставки организуются через централизованную систему компании.
Проблемы, которые требовалось решить:
- Старая версия сайта не позволяла полноценно отображать весь ассортимент. У компании сотни моделей дверей, каждая из которых имеет множество вариаций, но предыдущая платформа технически не справлялась с их отображением.
- Не было удобного способа визуализировать вариативность моделей.
- Маркетинг и продажи нуждались в новых инструментах для SEO и генерации лидов.
- Требовалось связать сайт с внутренней системой конфигурирования дверей, чтобы заказы формировались автоматически, без ручного управления номенклатурой.
В старом сайте «Юркас» было что-то от коридора пригородного мотеля: двери тянулись бесконечной чередой, но половина из них не открывалась, к другим не подходил ключ, а за некоторыми и вовсе ничего не было. Клиент тыкал по кнопкам, плутал в бесконечных вариациях, а в темноте фильтров можно было сломать ногу.
Работа над проектом длилась два года. В процессе пришлось учитывать множество изменений со стороны клиента, адаптироваться к новым требованиям.
Аналитика
Особенности дверного бизнеса
Двери — это не просто товар, а конструктор. В отличие от стандартных продуктов, где вариативность ограничена несколькими цветами и параметрами, у дверей их огромное множество: цвет, материал, тип стекла, ручки, петли, размеры и другие параметры. Причем все это взаимосвязано — одна опция влияет на доступность другие.
Пример нескольких вариаций одной из дверей:
Производители дверей работают иначе, чем классические интернет-магазины. У фабрики есть линия по сборке, и ее технологические возможности определяют, какие двери она может изготовить. В каталогах это выглядит просто — модель D1, например, представлена в трех вариантах. Но на деле каждая из них может иметь тысячи комбинаций параметров, которые клиент может настроить под себя.
Мы проверили, насколько масштабной может быть вариативность. Взяли для теста одну базовую модель и прогнали возможные комбинации. Получилось 12 800 вариаций на одну дверь. А таких моделей у поставщика несколько десятков. Если выгружать в систему все возможные вариации, объем данных становится неподъемным. 30 моделей — и дверное население CRM «Юркаса» обгонит Гродно.
Эта специфика наложила жесткие требования к системе. Старый сайт не мог полноценно отображать такой объем данных и корректно их фильтровать. Нужно было разработать не просто каталог, а систему, которая покажет только актуальные товары, но при этом позволит клиенту гибко настроить дверь под заказ хотя бы в рамках стандартных размеров.
Для получения актуальной товарной базы мы написали модуль интеграции с конфигуратором «Юркаса». Теперь при появлении новых вариаций модели в стандартных размерах это можно было оперативно видеть на сайте и использовать в продажах.
Франчайзинговая модель
«Юркас» работает по франшизе, и это сильно повлияло на сайт. В отличие от компаний, которые продают напрямую, здесь продажи идут через партнеров — и сайт должен был учитывать эту особенность.
Выбор города на сайте влияет не на каталог, а только подставляет нужные контактные телефоны и передает заявку в CRM с указанным городом. Каталог при этом остается общим — без фильтрации под локальный ассортимент.
Это накладывало дополнительные требования на проектирование. Сайт должен был быть собран модульно: так, чтобы его можно было масштабировать под разных дилеров и регионы без полной переработки. А также — предусмотреть корректное распределение лидов между партнерами в зависимости от города и доступности товаров.
Еще одна сложность — учет логистики. «Юркас» управляет поставками, но конечную работу с заказами ведут франчайзи. Это значит, что сайт должен не только показывать товары, но и синхронизироваться с внутренними системами, передавая информацию в CRM, чтобы партнеры могли быстро обработать заявки.
Все эти особенности повлияли на архитектуру проекта. Важно было создать сайт, который:
- Показывает продукцию централизованно, но с возможностью адаптации под регионы.
- Синхронизируется с внутренними системами, чтобы франчайзи видели заказы и могли с ними работать.
- Дает клиенту удобные инструменты для выбора, но при этом мотивирует обратиться к партнеру для финального оформления сделки.
Дизайн и UX
Основной вызов заключался в том, чтобы сделать каталог удобным при огромном количестве вариаций дверей. На старом сайте этого не было, и пользователи путались в навигации. Мы переработали логику категорий и добавили фильтрацию, которая учитывала специфику ассортимента. Вынесли старые двери, смазали петли — каталог заработал без скрипа.
Карта магазинов
Сделали удобную интерактивную карту, где можно искать салоны по адресу или списком.
Визуализация дверей в интерьере
Теперь дверь можно примерить к интерьеру и сразу понять — сидит или нет. Разработали отдельный модуль, который позволяет переключаться между изображениями дверей и смотреть, как они выглядят в реальных интерьерах.
Упрощенный путь к заказу
Клиент может не только выбрать дверь, но и сразу оставить заявку на замер или консультацию. Это критически важно для бизнеса, где продажи идут через оффлайн-точки.
Нетиповое решение в листинге: в карточке товара на уровне каталога (то есть до перехода внутрь товара) реализован слайдер с вариациями дверей. Можно переключать отделку, цвет или модель прямо в сетке — и сразу видеть, как изменяется внешний вид.
Разработка
«Юркас» — сложный проект с точки зрения технической реализации. Здесь недостаточно было просто сверстать каталог и подключить CMS. Нужно было создать гибкую систему, которая могла бы работать с огромным количеством вариаций товаров, синхронизироваться с внутренними базами данных и при этом оставаться удобной и быстрой.
Используемые технологии:
- CMS: «1С-Битрикс» — платформа, которая позволяла реализовать гибкую работу с каталогом, интеграции и масштабирование.
- Фронтенд: классическая адаптивная верстка (HTML, JavaScript).
- Бэкенд: кастомные модули интеграции с конфигуратором и CRM.
- SEO-механики: теговые страницы, динамическая фильтрация и гибкая настройка контента.
- Интерактивные модули: карта магазинов, конфигуратор дверей и визуализация интерьеров.
Интеграция с конфигуратором дверей
Стандартный каталог не мог справиться с огромным числом вариаций продукции. Вместо выгрузки всех сотен тысяч вариаций, мы сделали интеграцию стандартных размеров и дедупликацией по дублям в цвете. Так для клиента на витрине показывались только актуальные позиции в уникальной окраске. Это позволило минимизировать нагрузку на сервер, дать клиентам удобный инструмент выбора и упростить работу франчайзи, которым не нужно вручную заводить новые позиции.
Динамическая фильтрация
В стандартном «Битриксе» фильтры не умели работать с нашим каталогом из коробки: при выборе цветов или цен движок показывал карточки моделей, не подставлял вариант, который подходит по нужном цвету или цене. Получалось, что выбранная дверь как бы есть, но ее как бы нет, как кот Шредингера.
Мы переписали эту логику. Теперь фильтр работает по законам реальности, а не по законам квантовой физики. Дверь либо есть, либо ее нет. Если клиент выбирает «белые двери», система мгновенно подставляет все доступные вариации, а не просто скрывает неподходящие товары.
Автоматическое обновление каталога
Сайт должен был всегда содержать актуальные данные по наличию дверей. Чтобы не вводить информацию вручную, мы настроили синхронизацию с внутренней системой «Юркаса». Теперь изменения в базе автоматически отражаются на сайте.
Оптимизация производительности
Каталог с тысячами позиций, интерактивными модулями и динамическими фильтрами требовал серьезной оптимизации.
Для этого мы:
- Настроили композитное кеширование, чтобы снизить нагрузку на сервер.
- Реализовали ленивую загрузку изображений — это ускорило загрузку страниц.
- Подключили imageproxy с генерацией webp-версий изображений — «вес» графики уменьшился в десятки раз.
Разработка шла непросто: из-за частых изменений в бизнес-логике приходилось несколько раз переделывать структуру каталога и дорабатывать интеграции. Но в итоге получилось создать систему, которая одновременно удобна для клиентов и соответствует техническим требованиям бизнеса.
Тестирование
Мы тестировали не только работоспособность интерфейса, но и связки с конфигуратором, скорость загрузки страниц, корректность работы фильтров и интеграций.
Перед запуском собрали большой чек-лист — что проверить, что исправить, что еще раз перепроверить. На таких проектах нельзя просто нажать кнопку «Опубликовать» и надеяться, что все сработает. Были сценарии, в которых пользователи могли застрять в навигации, не видеть часть товаров или неправильно понимать цену. Такие моменты выявляли и правили.
Отдельно тестировали работу интеграции с конфигуратором. Он должен был не просто выдавать варианты дверей, но и делать это быстро, корректно подставлять параметры и учитывать ограничения. Если клиент выбирал конкретный цвет, система должна была сразу подставлять доступные материалы и фурнитуру, а не предлагать несовместимые опции.
Запуск шел в несколько этапов. Сначала мы вывели сайт на внутренний демостенд и вместе с командой клиента вылавливали все проблемы — фиксировали их в чек-лист запуска и устраняли. После основного этапа тестирования мы сделали релиз на официальный домен проекта и еще неделю работали в оперативном режиме, отлавливая и решая возникающие ошибки.
Результаты
«Юркас» получил современный сайт, который полностью адаптирован под их бизнес-модель. Теперь он не просто показывает каталог дверей, а работает как полноценный инструмент продаж, поддерживает динамическую фильтрацию, конфигуратор и автоматическое обновление данных.
Внутренние процессы тоже стали проще. Раньше сайт работал с ограниченным количеством товаров, и обновлять каталог приходилось вручную. Теперь все данные подтягиваются автоматически, а франчайзи могут быстрее обрабатывать заказы.
Появился мощный фундамент для SEO-продвижения, а возможность кастомизировать двери через конфигуратор повысила вовлеченность пользователей.
Клиент остался доволен. Финальный результат соответствовал ожиданиям, и «Юркас» получил современный, технологичный сайт, который отвечает их бизнес-задачам.