SUPRO — інтернет-магазин

Клієнт звернувся до WEB MANNA із запитом зробити не просто красивий сайт, а робочий інструмент для свого бізнесу. Проєкт створювався для українського інтернет-магазину з широким каталогом товарів для дому, спорту, туризму, саду, інструментів, електроніки та енергетики. Замовнику був потрібен не формальний сайт-візитка, а зрозумілий робочий інструмент, який пояснює пропозицію бізнесу та веде відвідувача до конкретної дії.

Головний запит на старті — організувати великий різноплановий асортимент так, щоб покупець швидко знаходив категорію, порівнював товари й переходив до оформлення замовлення. Для аудиторії ринку Kyiv, Ukraine було важливо швидко дати відповідь на практичні запитання: що пропонує компанія, кому підходить послуга або товар, як виглядає наступний крок і як зв’язатися.

Окремо врахували специфіку ніші «Multi-category e-commerce»: структура мала залишатися професійною, але не вимагати від клієнта знання внутрішньої термінології бізнесу. Саме тому сценарій сторінок будували від потреб користувача, а не від організаційної структури компанії.

Почали з інформаційної архітектури: визначили основні сценарії користувача, зібрали послуги/товари в логічні групи та розставили CTA в точках, де людина вже має достатньо інформації для рішення. Основні елементи реалізації: багаторівневий каталог; картки товарів і характеристики; пошук та категоризація; кошик і checkout; адаптивна e-commerce навігація.

Основна робота була не лише в дизайні, а в інформаційній архітектурі. Для різних товарних груп потрібно було зберегти єдину логіку каталогу й не допустити, щоб меню перетворилося на хаотичний список.

Макети адаптували під мобільні пристрої, оскільки для більшості сервісних і e-commerce проєктів саме телефон стає першим контактом із сайтом. Після первинної збірки проходилися по текстах, довжині блоків, кнопках і послідовності секцій, прибираючи зайві кроки. Контент залишили керованим через CMS або відповідну backend-частину, щоб проєкт можна було підтримувати після запуску. Під час роботи ми кілька разів уточнювали пріоритети блоків, прибирали зайве, спрощували шлях до цільової дії та адаптували структуру під реальну аудиторію бізнесу.