Утроили выручку и удвоили заказы HQ! Coffee за счёт UX

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №1 — Интерфейсы на Dprofile


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


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

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


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

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №2 — Интерфейсы на Dprofile


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

1. Внести изменения в UX/UI сайта: навигацию, сценарий покупки, блог.

2. Доработать функционал сайта, добавить интеграцию с сервисами доставки, устранить баги.

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

4. Увеличить поисковый трафик за счёт оптимизации контента, структуры и скорости загрузки сайта.

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №3 — Интерфейсы на Dprofile


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

Наши бобровые аналитик и арт-директор провели аудит сайта и обозначили проблемы, которые мешали пользователям совершать покупки на сайте. Пробежимся по этим проблемам и расскажем, как их устранили.

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

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

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №4 — Интерфейсы на Dprofile
Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №5 — Интерфейсы на Dprofile
Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №6 — Интерфейсы на Dprofile



2. Неудобный процесс оформления заказа и непонятные сценарии доставки

Здесь мы начали с изменений в “Корзине”. Сделали её заметнее, а процесс взаимодействия с ней комфортнее.

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №7 — Интерфейсы на Dprofile



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

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №8 — Интерфейсы на Dprofile


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

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №9 — Интерфейсы на Dprofile



3. Сложности с навигацией по видам кофе и использованию фильтров

Мы пересобрали систему фильтров на сайте и добавили понятную группировку сортов кофе по способу приготовления и вкусовым нотам. Это помогает покупателям легко ориентироваться в каталоге и быстро находить свой идеальный напиток.

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №10 — Интерфейсы на Dprofile


Дизайн

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

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

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №11 — Интерфейсы на Dprofile
Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №12 — Интерфейсы на Dprofile
Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №13 — Интерфейсы на Dprofile


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

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




Наша команда разработки:

— пересобрала страницу чекаута,

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

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

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

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

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

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №14 — Интерфейсы на Dprofile
Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №15 — Интерфейсы на Dprofile
Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №16 — Интерфейсы на Dprofile
Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №17 — Интерфейсы на Dprofile


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

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

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №18 — Интерфейсы на Dprofile


Результат

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

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

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

×2

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

×3

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

Настроили команде HQ! coffee системную работу над сайтом: задачи формируются из аналитики и бизнес-целей, расписываются в чёткий план на месяц и всегда привязаны к измеримым результатам. Продолжаем вместе работать над сайтом.

Утроили выручку и удвоили заказы HQ! Coffee за счёт UX — Изображение №19 — Интерфейсы на Dprofile
Оценить
Добавить в коллекции...

От автора