Табы для категории товаров

Обратились с задачей создать удобную навигацию для большого каталога промышленных товаров. У них было более 500 позиций только в одной категории, и люди просто терялись в таком количестве. Нужно было что-то простое и интуитивное, чтобы клиент мог за пару кликов найти нужный товар.

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

Сделал полностью адаптивно — работает и на компьютере, и на телефоне. Добавил свайпы для мобильных, навигацию клавиатурой, поддержку закладок через URL. Использовал чистый HTML/CSS/JS без лишних библиотек, чтобы быстро загружалось и легко интегрировалось в их сайт.

Технологии: HTML, CSS, JavaScript, адаптивная верстка.