Апгрейд розничного интернет-магазина инженерных систем «Клуб ДКС»

Компания «Диэлектрические кабельные системы» или «ДКС» — один из крупнейших производителей кабеленесущих систем и низковольтного оборудования в России и Европе. Компания развивает свое производство и дистрибьюторскую сеть с 1998 года.

Сделали аудит UX и QA

Изначально клиент обратился к нам за аудитом. Аудит — полная проверка эффективности работы сайта. У нас он состоит из двух частей:

• UX-аудит — исследование пользовательского опыта;
• QA-аудит — проверка сайта на очевидные ошибки (баги).

UX-аудит

В рамках UX-аудита мы внимательно исследовали и проверили главные пользовательские сценарии. А именно:

• изучили, удобная ли структура каталога,
• проверили, легко ли найти тот или иной товар,
• протестировали, как проходят все шаги оформления заказа,
• оценили работу личного кабинета,
• отследили все шаги исполнения заказа после оформления.

По результатам UX-аудита мы нашли десятки проблем и недочётов. Вот некоторые самые важные из них:

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

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

QA-аудит

QA-аудит выявил много ошибок в работе интернет-магазина. Вот лишь несколько примеров:

• На главной не работал переход по баннерам.
• При регистрации были сложности с установкой пароля.
• Не работал поиск товаров по их коду.
• В блоках «Популярные товары» и «Часто просматриваемые товары» плохо работала прокрутка.

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

Доработки интернет-магазина по итогам аудита

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

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

После обсуждения мы отсортировали задачи по приоритету, чтобы начать с того, что действительно важно.

Вот несколько примеров важных доработок, которые мы сделали на сайте:

1. Исправили очевидные ошибки (баги), что ускорило сайт и сделало его более удобным.
2. Улучшили интерфейс и упростили навигацию, чтобы пользователю сразу было видно, где что искать и что дальше делать.
3. Исправили логику каталога, чтобы при переходе из поисковика пользователь сразу попадал в нужный ему раздел сайта.
4. Добавили функцию сохранения брошенных корзин и неоформленных заказов, что позволило возвращать пользователей к покупкам и доводить их до оплаты.
5. Улучшили инструменты аналитики на сайте, чтобы наглядно видеть, на каких страницах и в каких местах у посетителей возникают сложности.

В результате мы значительно упростили путь пользователя от входа на сайт до оплаты заказа и тем самым повысили конверсию.

Повышение скорости работы интернет-магазина

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

Мы перенесли сайт на более производительный сервер, переписали неэффективный код и разработали свой модуль обработки изображений для CMS «Битрикс». Теперь на экране любого устройства пользователь видит качественные, при этом оптимизированные фотографии товаров.

В результате этих и других улучшений мы добились заметного повышения показателей в бенчмарке Google PageSpeed Insights: в некоторых случаях прирост составил +20 баллов и более.

Развитие функциональности сайта

Заказчику понравился результат от тех исправлений, которые мы внесли на сайт по итогам аудита. Поэтому мы не остановились на этом и продолжили развивать интернет-магазин. Теперь нужно было разработать и внедрить на сайте новые функции. Расскажем о самых интересных из них.

Комплекты и вариации товаров

Комплекты и вариации это модули на странице товара, которые показывают связанные сопутствующие товары.

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

Программа лояльности для пользователей

«ДКС» хотят не просто сделать интернет-магазин, а построить вокруг него профессиональное сообщество. Это значит, что вовлеченность и лояльность аудитории имеют особую важность в проекте «Клуб ДКС».

Поэтому мы запустили на сайте программу лояльности. Любой покупатель может присоединиться к программе и получить виртуальную карту.

Карта дает накопительную скидку: от 3% до 10%. Информацию по всем накоплениям можно увидеть в личном кабинете.

Реферальная программа для партнеров

Мы также запрограммировали модуль реферальной программы для партнеров «ДКС»: блогеров, лидеров мнений и спикеров.

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

Когда кто-то совершает покупку в интернет-магазине с помощью промокода, то партнер получает баллы. Затем он может оплачивать накопленными бонусами часть товаров интернет-магазина «ДКС».

Результаты

• После исправления критичных проблем на сайте уменьшился показатель отказов и увеличилась конверсия в покупки;
• Ускорение скорости работы сайта положительно повлияло на рост поискового трафика;
• Внедрение программы лояльности и партнерской программы повысило средний чек и открыло новые каналы привлечения покупателей.

На этом наша работа над интернет-магазином «Клуб ДКС» не закончилась. Мы продолжаем развивать его и внедрять внедрять новые функции.

Рекомендации

Вот какие полезные рекомендации мы можем дать по итогам этого проекта:

1. Когда приходит сайт, над которым до этого работал другой подрядчик, стоит начать с аудита, чтобы проверить сайт на наличие ошибок (багов) в коде и проблем в проектировании интерфейса.
2. В сложных нишах, таких как инженерные системы, требуется погружение команды в предметную область бизнеса клиента. Это занимает время, но на долгой дистанции даёт свои плоды.
3. В доработках и улучшениях интерфейса важно опираться на фактические данные, полученные в результате изучения пользовательских сценариев.
4. Программа лояльности работает на увеличение базы постоянных клиентов, поэтому даёт выгоду как для покупателей, так и для бизнеса.
5. Ускорение работы сайта важно для пользовательского опыта и для SEO, что в итоге приводит к росту конверсии.