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