+24.68%
заказы с автоподсказками
+34.9%
заказов из поиска
+28.6%
выручка с поиском
+13.44%
выручка с автоподсказками
Задача
Сделать процесс поиска товаров интуитивным и быстрым
Интернет-магазин Хасл.рф пришел к нам, решившись улучшить пользовательский опыт и повысить уровень удовлетворенности клиентов, внедрив систему умного поиска. Основная цель компании заключалась в том, чтобы сделать процесс поиска спортивной одежды и аксессуаров более интуитивным и быстрым. Что у нас получилось, читайте в этом кейсе:)
UX-улучшения desktop-версии
1. UX улучшения диалоговых автоподсказок
— Улучшение взаимодействия с подсказками: Расположили подсказки в порядке кликабельности, что позволило пользователям быстрее находить нужные товары. Например, при вводе запроса «кроссовки для бега» пользователю сразу предлагаются популярные модели, такие как «Nike Zoom Winflo 9» или «Adidas Ultraboost».
— Замена текстовой кнопки на визуальную: Визуальная кнопка для перехода к результатам поиска заменила текстовую, что сделало интерфейс более интуитивно понятным и наглядным.
2. UX улучшения поисковой выдачи
— Изменение визуала уточнений: Визуальные улучшения включают более четкое выделение уточнений поиска. Например, пользователь, который вводит запрос «куртка», может быстро добавить уточнения, такие как «для зимы» или «водонепроницаемая».
— Отображение категорий с ховером и визуальной вложенностью: Категории товаров стали отображаться при наведении мыши, что ускорило поиск нужных подразделов.
— Фильтры с динамическим сбросом и блоком активных фильтров: Пользователи получили возможность легко сбрасывать фильтры и видеть все активные фильтры. При выборе фильтров по размеру и цвету пользователи могут одним кликом сбросить все фильтры.
— Стилизация карточек товаров: Карточки товаров в поисковой выдаче стали визуально схожими с карточками в каталоге. Они отображают название, цену и наличие товара в магазине и артикул, что упрощает принятие решения о покупке.
3. UX улучшения аналоговой выдачи
— Добавление страницы аналоговой выдачи: Пользователи, не нашедшие конкретный товар теперь, вместо нулевой выдачи, получают предложения аналогичных популярных товаров. Например, если искомая модель спортивных кроссовок по какой-то причине недоступна, система предлагает другие модели с похожими характеристиками.
— Улучшение взаимодействия с подсказками: Расположили подсказки в порядке кликабельности, что позволило пользователям быстрее находить нужные товары. Например, при вводе запроса «кроссовки для бега» пользователю сразу предлагаются популярные модели, такие как «Nike Zoom Winflo 9» или «Adidas Ultraboost».
— Замена текстовой кнопки на визуальную: Визуальная кнопка для перехода к результатам поиска заменила текстовую, что сделало интерфейс более интуитивно понятным и наглядным.
2. UX улучшения поисковой выдачи
— Изменение визуала уточнений: Визуальные улучшения включают более четкое выделение уточнений поиска. Например, пользователь, который вводит запрос «куртка», может быстро добавить уточнения, такие как «для зимы» или «водонепроницаемая».
— Отображение категорий с ховером и визуальной вложенностью: Категории товаров стали отображаться при наведении мыши, что ускорило поиск нужных подразделов.
— Фильтры с динамическим сбросом и блоком активных фильтров: Пользователи получили возможность легко сбрасывать фильтры и видеть все активные фильтры. При выборе фильтров по размеру и цвету пользователи могут одним кликом сбросить все фильтры.
— Стилизация карточек товаров: Карточки товаров в поисковой выдаче стали визуально схожими с карточками в каталоге. Они отображают название, цену и наличие товара в магазине и артикул, что упрощает принятие решения о покупке.
3. UX улучшения аналоговой выдачи
— Добавление страницы аналоговой выдачи: Пользователи, не нашедшие конкретный товар теперь, вместо нулевой выдачи, получают предложения аналогичных популярных товаров. Например, если искомая модель спортивных кроссовок по какой-то причине недоступна, система предлагает другие модели с похожими характеристиками.
UX-улучшения мобильной версий
— Перестановка уточнений на самый верх: Уточнения были перемещены перед подсказками, что упростило их использование. Например, пользователь, который ищет"шорты", может сначала выбрать материал, а затем получить релевантные подсказки.
— Изменение цвета истории поиска на фиолетовый и удаление заголовков подсказок: Это позволило уместить больше информации на одном экране, улучшив восприятие данных. Теперь история поиска стала более заметной, что помогает пользователям быстро находить ранее искомые товары.
— Перенос фильтров с нижней части экрана вверх: Это улучшило доступность фильтров. Например, пользователь, ищущий «толстовку», мог сразу применить фильтры по размеру и цвету.
— Использование других типов сортировок: Активное состояние сортировки стало отображаться над поисковой выдачей, что сделало процесс сортировки более прозрачным и удобным. Например, пользователь может отсортировать результаты по цене или популярности с видимым индикатором текущего состояния сортировки.
— Изменение цвета истории поиска на фиолетовый и удаление заголовков подсказок: Это позволило уместить больше информации на одном экране, улучшив восприятие данных. Теперь история поиска стала более заметной, что помогает пользователям быстро находить ранее искомые товары.
— Перенос фильтров с нижней части экрана вверх: Это улучшило доступность фильтров. Например, пользователь, ищущий «толстовку», мог сразу применить фильтры по размеру и цвету.
— Использование других типов сортировок: Активное состояние сортировки стало отображаться над поисковой выдачей, что сделало процесс сортировки более прозрачным и удобным. Например, пользователь может отсортировать результаты по цене или популярности с видимым индикатором текущего состояния сортировки.
Персонализация дизайна
Особая гордость — уникальный дизайн нескольких страниц сайта.
Во-первых, помимо популярных товаров, отрисовали Популярные подборки в автоподсказках, где можно посмотреть самый топ товаров.
А во-вторых, для страницы нулевой выдачи мы отрисовали и добавили иконку смешного деда в панаме. Очень надеемся, что эта пасхалка повеселит покупателей Хасл. рф, которые не нашли нужного им товара на сайте:)
Во-первых, помимо популярных товаров, отрисовали Популярные подборки в автоподсказках, где можно посмотреть самый топ товаров.
А во-вторых, для страницы нулевой выдачи мы отрисовали и добавили иконку смешного деда в панаме. Очень надеемся, что эта пасхалка повеселит покупателей Хасл. рф, которые не нашли нужного им товара на сайте:)
Результаты
✅ Заказы с поиском: +34.9%
✅ Выручка с поиском: +28.6%
✅ Заказы с автоподсказками: +24.68%
✅ Выручка из автоподсказок: +13.44%
✅ Довольные покупатели спортивной одежды ❤️
Внедрение умного поиска стало важным шагом в улучшении пользовательского опыта для магазина. Благодаря сотрудничеству с нами, Хасл. рф смог повысить удобство использования своего сайта и его эстетическую составляющую, что не могло не сказаться положительно на продажах и удовлетворенности клиентов.
✅ Выручка с поиском: +28.6%
✅ Заказы с автоподсказками: +24.68%
✅ Выручка из автоподсказок: +13.44%
✅ Довольные покупатели спортивной одежды ❤️
Внедрение умного поиска стало важным шагом в улучшении пользовательского опыта для магазина. Благодаря сотрудничеству с нами, Хасл. рф смог повысить удобство использования своего сайта и его эстетическую составляющую, что не могло не сказаться положительно на продажах и удовлетворенности клиентов.
Соберем вам бесплатное демо
