ProKoleso — український інтернет-магазин шин і дисків, що працює на конкурентному ринку автотоварів. Попередня версія сайту мала низку проблем::
– перевантажений інтерфейс і застарілий візуальний стиль;
– складна навігація в каталозі та фільтрах;
– нерелевантні результати пошуку;
– слабка адаптація під мобільні пристрої;
Основний виклик полягав у тому, щоб зберегти всі технічні функції та фільтри, водночас суттєво спростивши взаємодію з сайтом і підвищивши довіру користувачів.
Щоб побудувати ефективний UX, я провів аналіз конкурентів, старої версії сайту та сегментував користувачів на 3 основні типи:
– Ті, хто знає параметри шин.;
– Ті, хто шукає за маркою авто;
– Ті, хто не розуміється й потребує допомоги;
На основі цього я сформував низку гіпотез і втілив такі рішення:
– Мультифільтр в каталозі: користувач сам обирає, як йому зручніше шукати — за параметрами або маркою авто;
– Реструктурований каталог: зрозумілий інтерфейс з логічною ієрархією та швидкими переходами;
– Додано калькулятор шин і дисків — для тих, хто не впевнений у виборі;
– Акцент на сезонність, бренди й акції — щоб підсилити мотивацію до покупки;
– Новий UI — зі зручною сіткою, фокусом на читабельність та адаптивністю;
Оновлений дизайн зробив взаємодію з сайтом значно простішою, зрозумілішою та швидшою:
– Середній час пошуку товару скоротився (за UX-тестами) на 40–50%.;
– Каталог з інтуїтивною навігацією, де легко перемикатись між типами товарів;
– Інтерактивні підказки й калькулятор, які допомагають новачкам;
– Простий, зрозумілий UI з фокусом на читабельність, логіку блоків й адаптивність;
У мобільній адаптації я зберіг усю функціональність, але розставив нові пріоритети:
– Фільтри винесено окремим елементом із пріоритетною кнопкою — щоб швидко знаходити потрібне.;
– Фокус на розбірливості, великому клікабельному інтерфейсі та контрастності елементів;
– Мобільна версія тестувалась окремо: користувачі швидко знаходили товари, не потребуючи допомоги
Цей проєкт став класним UX-викликом: зберегти велику кількість технічного функціоналу, не жертвуючи простотою для користувача. Я трансформував важкий інтерфейс у логічну, легку в сприйнятті систему, яку можна масштабувати під інші автотовари.
Інтерфейс став активним помічником у продажах.
