Перезапуск интернет-магазина Hoff

Главное о кейсе

За последние полгода в рамках развития и оптимизация сайта нами были выполнены следующие работы:

Внедрен функционал, позволяющий объединять отзывы и фотографии пользователей для связанных/похожих товаров. Каталог товаров на проекте реализован таким образом, что для каждого торгового предложения (цвет/размер), по сути, существует отдельная страница, каждое торговое предложение обладает своим собственным артикулом. Соответственно, ранее, когда пользователи оставляли свои отзывы и фото для определенного торгового предложения, другие пользователи могли видеть их только в рамках конкретного предложения. Если они переходили на страницу того же товара товара, но с другим цветом, то они уже не видели отзывы по другим торговым предложениям. Это, естественно, негативно влияло на пользовательский опыт и сокращало количество отзывов по конкретному товару, так как они распределялись между торговыми предложениями, на данный момент отзывы и фото собираются со всех торговых предложений и выводятся при загрузке любого торгового предложения конкретного товара. Подобный функционал позволили значительно увеличить конверсию.
Реализовано новое представления для поиска по артикулу, очень многим пользователя не нравилось, что когда они пытались найти определенную вещь по артикулу, то им приходилось достаточно много действий перед тем, как понять та ли это вещь, которую они искали. Необходимо было обязательно дождаться формирования страницы с поисковой выдачей, перейти на карточку товара, только после этого пользователь мог увидеть изображения предмета и его стоимость. Для удобства пользователей в рамках поиска по артикулу в поиске были сформированы специальные подсказки, которые еще на этапе поиска позволяют увидеть миниатюру товара, стоимость и доступное количество. После внедрения данного типа подсказок, клиент получил более нескольких десятков положительных отзывов от пользователей сайта.
После релиза последней версии сайта наша команда и коллеги из Hoff задумались над удобством процесса оформления заказа. Ранее корзина и оформление заказа были объединены в рамках одной страницы. Это казалось правильным решением, так как сокращало количество действий пользователя для оформления заказа. Однако мы решили провести AB-тестирование и проверить: какой же вариант оформления заказа покажет более высокую конверсию (вариант, где корзина и оформление заказа объединены на одной страницы или где они разделены на несколько страниц). Подготовив соответствующие материалы для тестирования и проведя обширное исследование, мы получили результаты, которые показали, что разделение корзины и оформления заказа на несколько страниц приведет к увеличению конверсии. В результате был внедрен новый процесс оформления заказа, который позволил значительно увеличить процент конверсии.
В определенный момент наша команда приняла решение уделить большее внимание на задачи на оптимизации скорости работы как поиска так и основных страниц, так как очередной прирост пользователей требовал принятия новых архитектурных решений. В результате коллективного обсуждения были выдвинуты две идеи: изменения архитектуры фронтэнда, переход на новый стек технологий; внедрение Redis (для бэкенда). Вначале была реализована идея по внедрению Redis, так как значительно увеличилась нагрузка на базу данных mysql из-за увеличившегося объема данных на сайте. Решения состояло в том, чтобы часто изменяемые данные, такие как цены, остатки и свойства товаров были доступны были доступны через Redis, за счет этого основная часть страницы (в данном случае карточки товара) кешируются на значительное время, при этом данные по товару актуальны в любой момент времени, а также значительно сокращается количество запросов к базе данных. Результатом проведенных работ стало троекратное увеличение скорости загрузки страниц, что, соответственно, привело к улучшению пользовательского опыта и увеличению количества заказов. На данный момент мы подходим к финальной стадии работ по изменению архитектуры фронтэнда, результатом которых должен стать очередной скачок по увеличению скорости загрузки страница проекта.
В рамках интернет-магазина hoff.ru нами был разработан кастомизированный вариант комплектов товаров. Мы не остановились на одной версии функционала комплектов товара и разработали два варианта. Комплект товаров представляет собой отдельную страницу, где из нескольких торговых предложений можно собрать единый комплект (например, кухню). В рамках первого варианта комплектов, цена на странице указана только за пример комплектации, а собрать ее можно в любой комбинации, от количества элементов, включенных в комбинацию, будет зависеть финальная цена. Во втором варианте существует базовый набор необходимых элементов (пример: столешница для кухни и т.д.), база покупается в любом случае и выглядит в корзине как единый товар.Выбираются только доп. товары: аксессуары, дополнительные элементы. Подобный функционал помогает пользователям быстрее осуществить покупка, не утруждая себя лишним поиском товаров для того, чтобы собрать кухонный гарнитур, либо любой другой комплект.
Для повышения лояльности клиентов был введен функционал бонусных карт, причем пользователь может использовать как физическую пластиковую карту, полученную в розничном магазине, так и выпустить на сайте электронную карту в несколько кликов. Данный функционал позволяет стимулировать пользователей к покупке не только в рамках оффлайн магазина, но и на сайте, так как бонусная программа едина для интернет-магазина и оффлайновых розничных точек продаж.

Бизнес-задача и ее решение

История сотрудничества Progressive Media и сети Hoff началась еще в 2014 году, когда представители digital направления Hoff искали команду, которая бы смогла осуществить разработку новой версии сайта, запущенного в 2011 году. При разработке новой версии необходимо было учесть постоянный прирост пользователей проекта и, соответственно, высокую нагрузку на сайт, так как за 2.5 года своего существования сайт показывал стабильный прирост пользователей до 40%-50% в год. Также сайт нуждался в постоянных доработках функционала, в соответствии с изменениями паттернов поведения пользователей и внедрения новых процессов внутри компании.
При этом проект и условия бизнеса требовали не только высокий уровень качества разработки, но и высокую скорость внедрения новых изменений.
Начав сотрудничать с нашим клиентом в 2014 году, на данный момент мы не только запустили две новых версии сайта, релиз последней (третьей версии) был осуществлен в конце 2018 года, но и выполнили огромное количество работ по развитию сайта. Работы по развитию и оптимизации сайта не останавливаются и по сей день. Мы всегда находимся в поисках лучших решений для проекта: как с технической стороны, так и со стороны юзабилити.

Прочая информация о кейсе

Сеть гипермаркетов Hoff – одна из крупнейших и динамично развивающихся российских мебельных сетей. Это единственная российская сеть мебели и аксессуаров для дома, работающая в формате гипермаркета.
На текущий момент сеть насчитывает более 50 розничных магазинов по всей России. В компании работают свыше 5500 сотрудников, а посещаемость интернет-магазина hoff.ru составляет более 66 миллионов посетителей в год.

Скриншоты