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

Звернулися з завданням створити зручну навігацію для великого каталогу промислових товарів. У них було понад 500 позицій тільки в одній категорії, і люди просто губилися в такій кількості. Потрібно було щось просте та інтуїтивне, щоб клієнт міг за пару кліків знайти потрібний товар.

Взяв за основу ідею каталогу шин — там люди звикли вибирати товар за характеристиками — і адаптував під специфіку інструменту та хімії. Зробив вісім основних категорій: герметики, клеї, мастила, інструменти, кріплення, захист, автохімія, вимірювання. Користувач відкриває потрібний таб і одразу бачить список товарів з характеристиками, може перейти на конкретну сторницю.

Зробив повністю адаптивно — працює і на комп'ютері, і на телефоні. Додав свайпи для мобільних, навігацію клавіатурою, підтримку закладок через URL. Використовував чистий HTML/CSS/JS без зайвих бібліотек, щоб швидко завантажувалося і легко інтегрувалося в їхній сайт.

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