Головна сторінка та навігація

Головну сторінку спроєктували як повноцінний інструмент продажу. Користувач одразу бачить УТП компанії та ключові категорії каталогу і може перейти до вибору товару без зайвих кроків. 

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

Каталог та пошук

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

Фільтри та прев’ю товарів на видачі розроблені з урахуванням різних типів товару, з можливістю перемикання та сортування по одиницям вимірювання (кг, м.п., м², шт) та характеристикам. Пошук працює як окремий сценарій із підказками товарів і категорій та можливістю додавання товару одразу в кошик.

Кастомні сторінки товару з усіма деталями

Зробили кастомні шаблони сторінок товару під різні номенклатурні групи з різними характеристиками та опціями.

Додали можливість замовити порізку (болгаркою чи плазмою), вказавши розміри, прямо зі сторінки товару. 

Інтегрували калькулятори розрахунку вартості для складніших категорій як-от профнастил.

Інформативний кошик

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

Ціни автоматично оновлюються при зміні з повідомленням для користувача. Товари розділені на окремі блоки «в наявності» та «під замовлення». Також передбачена можливість зарезервувати продукцію на 3 дні без оплати.

Оформлення замовлення

Чекаут розбили на прості та зрозумілі кроки, які адаптуються під тип клієнта (фізична або юридична особа). Реалізували функціонал, що автоматично аналізує вагу та об’єм товарів, підбирає оптимальний транспорт і показує відсоток завантаження машини.

Користувач може обрати зручне часове вікно доставки (ранок, обід, вечір) та відповідний спосіб оплати: онлайн (ФОП), готівкою на складі або безготівковий розрахунок з ПДВ чи без.

Функцональний особистий кабінет

Можна переглядати історію покупок з можливістю сортування, відстежувати статус та повторювати замовлення в кілька кліків, а також редагувати й оплачувати їх безпосередньо з кабінету.

Дизайн-система для подальшого масштабування

Розробили комплексну дизайн-систему (UI кіт), яка містить усі необхідні UI-елементи, компоненти, їхні стани та типографіку. Це гарантує візуальну цілісність інтерфейсу та дозволяє швидко й легко масштабувати проєкт у майбутньому.