Рассчитаем стоимость интеграции
Отправляя заявку, я соглашаюсь на обработку персональных данных
Спасибо за заявку, мы свяжемся с вами с оценкой интеграции
Зачем инвестировать в UX/UI? Кейс АШАН
Зачем инвестировать в UX/UI? Кейс АШАН
Зачем инвестировать в UX/UI ...

Зачем инвестировать в UX/UI? Кейс АШАН

Артем Круглов
Генеральный директор платформы any
+21,9%
сессии с поиском
+25,5%
заказы с поиском
+16%
выручка с поиском
+3%
конверсия с поиском
Задача
Увеличение количества заказов и среднего чека
В современном мире электронной коммерции важность удобного и интуитивно понятного пользовательского интерфейса (UI) и опыта (UX) не может быть переоценена. Именно поэтому партнерство между anyQuery и известной розничной сетью Ашан стало настоящим прорывом в области улучшения онлайн-шопинга. Реализация продуктовых UX/UI гипотез от anyQuery на платформе Ашан привела к значительному увеличению заказов через поиск, подтверждая важность фокуса на пользовательском опыте.

Отраслевые тренды и вызовы

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

Точки роста проекта

Команда поставила перед нами ряд задач, чтобы улучшить клиентский опыт и удобство совершения покупок в интернет-магазине auchan.ru:
  • Повысить эффективность поиска на сайте.
  • Оптимизировать интерфейс для мобильных устройств, чтобы повысить общее удобство использования сайта.
Решение через UX

Выбор в пользу улучшения UX/UI был обусловлен пониманием того, что именно качество взаимодействия пользователя с сайтом определяет его готовность к совершению покупки. Мы предложили коллегам комплексный подход к решению этих проблем, сосредоточив внимание на ключевых аспектах пользовательского опыта.

UX улучшения диалоговых автоподсказок

  • Расположение подсказок по кликабельности: Улучшили взаимодействие с подсказками, располагая их в порядке кликабельности.
  • Визуальная кнопка для перехода в выдачу: Заменили текстовую кнопку на визуальную, что облегчает переход пользователей к результатам поиска.

Ранее пользователь, вводя запрос «яблоки», мог видеть подсказки в произвольном порядке. Теперь наиболее кликабельные подсказки, такие как «яблоки зеленые», «яблоки красные», появляются первыми.

UX улучшения поисковой выдачи

  • Визуал уточнений: Изменили визуальное отображение уточнений, делая их более заметными и удобными для пользователей.
  • Отображение категорий: Добавили ховер-эффекты и визуальную вложенность для категорий. Фильтры с динамическим сбросом: Изменили отображение фильтров, добавив возможность динамического сброса и блок активных фильтров.
  • Стилизация карточек товаров: Приблизили стилизацию карточек товаров к верстке в каталоге. Добавили страницу аналоговой выдачи.

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

UX улучшения мобильной версии

  • Перестановка уточнений: Перенесли уточнения на самый верх, перед подсказками.
  • Изменение цвета истории: Изменили цвет истории на фиолетовый, удалили заголовки подсказок и увеличили количество отображаемых подсказок на одном экране.
  • Перенос фильтров вверх: Перенесли фильтры с нижней части экрана вверх до начала выдачи.
  • Сортировки с активным состоянием: Использовали другие типы сортировок и вывод активного состояния сортировки над поисковой выдачей.

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

Результаты:

✅ Увеличение сессий с поиском на 21,9%.
✅ Рост заказов с поиском на 25,5%.
✅ Увеличение выручки с поиском на 16%.
✅ Повышение конверсии с поиском на 3%.
✅ Довольные клиенты онлайн-магазина auchan.ru ❤️

Внимание к деталям UX/UI может радикально изменить восприятие и поведение пользователей, приводя к значительному росту ключевых бизнес-показателей. Несмотря на то, что мы запустились в далеком 2022 году, наша связь все так же крепка — мы регулярно приносим команде Ашана новые продуктовые фичи, следим за аналитикой и продолжаем улучшать сервис. Кстати, это наша политика для всех партнеров:)

Рассчитать эффективность

Отправляя заявку, я соглашаюсь на обработку персональных данных
Сообщение об успешной отправке!
Спасибо за заявку, мы свяжемся с вами с оценкой интеграции