СпортДепо

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

Клиент:
Спортдепо

Клиент:
Спортдепо

Категория:
UX/UI

Экспертизы:
Design system
UX/UI design
UX/UI research
Analytics

Задача

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

При текущем интерфейсе основными выявленными болями были 2 сценария:

сценарий выбора нужной подкатегории в рамках каталога, и сценарий открытого поиска с любой страницы нужного товара. Для этого мы в рамках этапа аналитики и проектирования:
— проаудировали кластеризированное семантическое ядро— разработали сценарий тестирования и кликабельные прототипы сценариев
— провели коридорное тестирование и внести группу правок: в частности пересобрали вложенность в категориях.

Наряду с уже классическими механиками «с этим товаром покупают», «рекомендуем» мы акцентировали свое внимание и внедрили на ключевых страницах как товар, категорийная выкладка, корзина блок со сбором спортивного комплекта. При добавлении к шлему и защите на ноги клюшки пользователь может получить персонализированную скидку (либо на весь комплект, либо на определенный товар).

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

Данный интернет-магазин собрал в себя все хорошие практики в электронной коммерции: программу лояльности, большое кол-во параметров фильтров, блоки для полезных статей, акций и умных предложений. Но мы понимали, что помимо необходимой работы по интерфейсу мы должны передать сторонним разработчикам понятный файл для frontend-разработки. Мы сгруппировали макеты по сценариям и разработали ui-kit, который кластеризован по типам страниц.

Следующий проект: