Интернет-магазин строительных материалов с умным каталогом и удобной навигацией

«Славянский Дворъ» — интернет-магазин розничной и оптовой продажи строительных и отделочных материалов, а также сантехники. Компания работает с большим ассортиментом продукции от различных заводов-производителей и ориентирована на несколько сегментов аудитории одновременно: частных покупателей, профессиональных строителей, дизайнеров интерьеров и оптовых клиентов.

Для такого бизнеса сайт является не просто витриной, а полноценным рабочим инструментом. Он должен помогать быстро ориентироваться в большом количестве позиций, давать возможность сравнивать товары и коллекции, оформлять заказы онлайн и при этом формировать доверие к бренду. Кроме того, сайт должен быть удобен для дальнейшего масштабирования ассортимента и интеграции с учетными системами.

Клиент пришел с уже существующим сайтом, который визуально и функционально устарел и перестал соответствовать реальным задачам компании.

E-commerce Отделочные материалы

slavdvor.shop

Проблема клиента

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

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

Дополнительной проблемой стало отсутствие визуальной и смысловой целостности. Сайт выглядел неинтересно, не вызывал доверия и не формировал образ крупной, системной компании. Для бизнеса, работающего в сфере строительства и ремонта, где решение о покупке часто связано с большими чеками, это существенно снижало конверсию.

В итоге сайт не помогал продавать и упрощать выбор, а наоборот усложнял путь пользователя и увеличивал количество отказов.

Задачи и цели проекта

Главной целью проекта стало создание современного интернет-магазина, который одновременно решает задачи продаж, удобства пользователей и имиджа компании.
Важно было реализовать полноценный функционал онлайн-торговли с возможностью оформления и оплаты заказов, а также приема заявок в электронной форме. Сайт должен был содержать исчерпывающую информацию о компании, ее истории, направлениях деятельности, филиалах и вариантах сотрудничества, а также предоставлять доступ ко всему товарному ассортименту с подробными описаниями и визуальными материалами.
Отдельный акцент делался на формирование стиля и образа бренда. Визуальное оформление должно было соответствовать корпоративному стилю компании и вызывать ощущение надежности и профессионализма. При этом интерфейс требовалось сделать современным, понятным и адаптивным, чтобы сайт одинаково удобно работал на компьютерах, планшетах и мобильных устройствах.
С технической точки зрения одной из ключевых задач стало создание гибкой структуры каталога, способной корректно работать с товарами и коллекциями, не усложняя при этом администрирование и интеграцию с 1С.

Реализация проекта

В результате был разработан интернет-магазин на базе Битрикс с индивидуальной архитектурой каталога и навигации, адаптированной под специфику ассортимента клиента.

Одним из ключевых решений стал так называемый двойной каталог. По требованиям клиента в одном разделе сайта должны были отображаться как отдельные товары, так и коллекции товаров, при этом со стороны админки все элементы должны храниться в едином каталоге. Это позволило сохранить удобство управления данными и корректную работу с 1С.
Для реализации этой логики были заведены два дополнительных свойства. Первое определяло, является ли элемент товаром или коллекцией. Второе указывало, к какой коллекции относится конкретный товар, и заполнялось автоматически со стороны учетной системы. Далее были созданы отдельные элементы, представляющие коллекции товаров.
На уровне шаблонов каталога был внедрен переключатель отображения, который позволял открывать одну и ту же страницу в разных режимах — с показом либо товаров, либо коллекций. Для этого использовались два отдельных шаблона списка, а переключение между ними происходило за счет смены имени шаблона. Такой подход позволил сохранить чистоту и читаемость кода, не дублируя логику и не усложняя дальнейшую поддержку.
Процесс оформления заказа также был доработан. Вместо стандартной корзины Битрикса использовалась собственная упрощенная версия на основе базового компонента. Это позволило убрать лишние шаги, сократить путь пользователя до оформления заявки и заложить гибкую основу для дальнейших доработок дизайна и функциональности.
Отдельного внимания заслуживает структура меню в шапке сайта. Для ее реализации было использовано два разных компонента. Первый отвечал за вывод меню первого уровня, второй — за отображение вложенных уровней и дополнительных элементов навигации. В меню были добавлены быстрые ссылки на заранее подготовленные фильтры и подборки товаров, связанные с выбранным разделом. Эти ссылки реализованы через отдельный инфоблок, что дало возможность гибко управлять навигацией без правок кода и без зависимости от изменений структуры сайта.
Визуальная часть проекта была выполнена в современном и сдержанном стиле, соответствующем корпоративному образу компании. Сайт получил адаптивную и кроссбраузерную верстку, благодаря чему им удобно пользоваться с любых устройств.

Результаты

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

ПЕРЕЙТИ НА САЙТ < Вернуться в портфолио