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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №1 — Интерфейсы на Dprofile


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


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

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


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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №2 — Интерфейсы на Dprofile


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

— Улучшение UX/UI сайта: навигации, сценария покупки, блога;

— Техническая поддержка и доработка сайта: добавить интеграцию с сервисами доставки, устранить баги, доработать функционал;

— Добавить на сайт новый раздел;

— Увеличение поискового трафика: оптимизация контента, структуры, скорости загрузки.

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №3 — Интерфейсы на Dprofile


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

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

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

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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №4 — Интерфейсы на Dprofile
Оптимизация UX для интернет-магазина HQ! coffee — Изображение №5 — Интерфейсы на Dprofile
Оптимизация UX для интернет-магазина HQ! coffee — Изображение №6 — Интерфейсы на Dprofile



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

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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №7 — Интерфейсы на Dprofile



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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №8 — Интерфейсы на Dprofile


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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №9 — Интерфейсы на Dprofile



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


Оптимизация UX для интернет-магазина HQ! coffee — Изображение №10 — Интерфейсы на Dprofile


Дизайн

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

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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №11 — Интерфейсы на Dprofile
Оптимизация UX для интернет-магазина HQ! coffee — Изображение №12 — Интерфейсы на Dprofile
Оптимизация UX для интернет-магазина HQ! coffee — Изображение №13 — Интерфейсы на Dprofile


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

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


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

— Пересобрала страницу чекаута;

— Установила новый плагин СДЭК;

— Настроила интеграцию с Яндекс Доставкой;

— Реализовала автоматическое отображение статуса заказа;

— Устранила ошибку с отправкой чеков клиентам;

— Исправила проблемы при отображении пунктов доставки.

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №14 — Интерфейсы на Dprofile
Оптимизация UX для интернет-магазина HQ! coffee — Изображение №15 — Интерфейсы на Dprofile
Оптимизация UX для интернет-магазина HQ! coffee — Изображение №16 — Интерфейсы на Dprofile
Оптимизация UX для интернет-магазина HQ! coffee — Изображение №17 — Интерфейсы на Dprofile


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

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

— Мы выполнили технический аудит сайта.

— Улучшили скорость загрузки страниц сайта.

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

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №18 — Интерфейсы на Dprofile


Результат

Мы помогли клиенту настроить работу значимого канала продаж:

Cайт работает стабильно.

Пользовательский сценарий не ломается и покупатель может оформить заказ без багов.

×2

число заказов с сайта

×3

выручки с сайта

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

Команда HQ! coffee получила road map по улучшению пользовательского опыта и развития сайта. Мы продолжаем вместе работать над его реализацией.

Оптимизация UX для интернет-магазина HQ! coffee — Изображение №19 — Интерфейсы на Dprofile
Оценить
Добавить в коллекции...

От автора