Задача
Разработка сайта с каталогом товаров, фильтрами и поиском по категориям, интеграцией с внешними системами для подбора продукции. Требования: адаптивный дизайн для всех устройств, защита от спама, настройка аналитики и интеграция с возможностью добавления цен в будущем.
Подход
По требованию заказчика использована CMS Bitrix для создания каталога с фильтрами. Применена методология БЭМ для структуры кода, обеспечение скорости загрузки и масштабируемости. Сайт настроен под ПК и мобильные устройства. Особое внимание уделено безопасности и аналитике.
Что реализовано
Адаптивность
Сайт настроен для всех устройств с использованием стандартных инструментов движка для обеспечения корректного отображения на ПК, мобильных устройствах и планшетах.
Технические решения
Интеграция с Яндекс.Метрикой для мониторинга посещаемости. Использованы стандартные инструменты платформы для быстрой загрузки сайта и стабильной работы.
Каталог
Каталог реализован с использованием стандартных возможностей cms для создания динамических списков товаров. Каждая категория продукции (кейсы, контейнеры, рэковые кейсы) имеет уникальный визуальный стиль, что помогает пользователям ориентироваться в большом ассортименте. Реализована структура, которая позволяет легко добавлять новые товары и категории через административную панель.
Навигация и фильтры
Hазработана интуитивно понятная система фильтрации для товаров с возможностью сортировки по ключевым характеристикам (габариты, назначение, колеса, выдвижная ручка и другие). В фильтрах реализована передача параметров при переключении категорий, что позволяет пользователю быстро перейти в нужный раздел. Механизм фильтрации был интегрирован с архитектурой cms для оптимизации работы с базой данных.
Корзина и оформление заказа
В корзине — возможность изменения цвета товара, добавления аксессуаров и их удаления. Интеграция с платформой обеспечивает управление заказами и настройку уведомлений.
Поиск
При заполнении фильтров появляется плавающий элемент для быстрого перехода к результатам поиска, не мешая основному контенту.
Интерфейс и макеты проекта
Результат
-
Сайт с высокой скоростью загрузки и стабильной работой.
-
Удобная система фильтрации товаров и сортировки.
-
Адаптивный дизайн, работающий на всех устройствах.
-
Защита от спама и успешная интеграция с аналитикой.
-
Легкость в добавлении цен и внешних интеграций без необходимости полного редизайна.
Сайт корректно отображается на всех видах устройств:
монитор компьютера, планшет и телефон
