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