Оптимизация UX для интернет-магазина HQ! coffee

О компании

Портфолио

Улучшили пользовательский опыт на сайте HQ! coffee и превратили интернет-магазин в устойчивый канал продаж

HQ! coffee – производственная кофейная компания и сеть кофеен из Москвы. Сами обжаривают вкуснейший кофе и продают его под собственной маркой на сайте и маркетплейсах. У сайта компании – сложное легаси. В коде возникали постоянные ошибки. UX интерфейсов был не удобным.

Мы провели UX-аудит, настроили интеграцию с сервисами доставки и стабильную работу интернет-магазина. Улучшили видимость сайта поисковиками.

Число заказов с сайта выросло в два раза, а выручка — почти в три раза

Задачи проекта

Улучшение UX/UI сайта: навигации, сценария покупки, блога;
Техническая поддержка и доработка сайта: добавить интеграцию с сервисами доставки, устранить баги, доработать функционал;
Добавить на сайт новый раздел;
Увеличение поискового трафика: оптимизация контента, структуры, скорости загрузки.

Аудит пользовательских сценариев

После аудита мы выделили несколько проблем, мешающих пользователям совершать покупки на сайте:

1. Не интуитивная навигация по сайту и каталогу

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

2. Для улучшения опыта покупателя:

Внесли изменения в “Корзину”. Сделали её заметнее и процесс взаимодействия с ней комфортнее.

Пересмотрели реализацию функции “Доставка в кофейни”. Придумали прозрачный сценарий и избавились от излишних данных.

Сделали доступной информацию по наличию конкретных товаров в кофейнях сети.

3. Отдельное внимание мы уделили навигации по рубрикам каталога кофе и работе фильтров

Дизайн

Cделали новый дизайн для каталога корзины и опции “Доставка в кофейню”.

Мы изменили страницу товара и сделали её более конверсионной. Доработали кнопку, структуру сделали понятной и информативной.

Разработка и техническая поддержка

На сайте возникали постоянные ошибки после обновления контента, некорректно работали ключевые функции при оформлении заказа. Клиент планировал отказаться от использования WordPress. Мы устранили критические ошибки и отстроили стабильную работу сайта без переезда на новый движок.  

Наша команда:

Пересобрала страницу чекаута;
Установила новый плагин СДЭК;
Настроила интеграцию с Яндекс Доставкой;
Реализовала автоматическое отображение статуса заказа;
Устранила ошибку с отправкой чеков клиентам;
Исправила проблемы при отображении пунктов доставки.

Поисковая оптимизация

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

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