Интернет-магазин компании Сонум: редизайн, доработки и оптимизация

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

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

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

Как проект изменил жизнь пользователей

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

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

Компания Сонум - крупный производитель матрасов, мебели для спален и спальных принадлежностей.
На современном производстве площадью 18 000 м2 задействовано около 300 специалистов выпускающих свыше 20 000 единиц продукции ежемесячно.
Салоны компании представлены в 47 регионах России, партнерская сеть включает более 250 оптовых партнеров-представителей и свыше 80 салонов по всей стране.
В каталоге компании более 80 000 SKU, каждая товарная позиция включает в себя до 1300 торговых предложений и может находиться более чем на 80 складах.
Старый сайт не отвечал требованиям скорости и надежности работы: контент загружался медленно, оформление заказа было неудобным и не информативным, при запуске рекламных кампаний и росте трафика сайт сайт “падал” и становился недоступен, рекламная компания проходила впустую.
Также, прежняя архитектура и дизайн не позволяли полноценно развивать сайт: масштабировать пользовательский функционал и разрабатывать новые возможности, повышать удобство работы и оформления заказов, улучшать и развивать пользовательский опыт. Из-за этих факторов конверсия посетителей была невысокой, рекламные кампании были не рентабельны, онлайн канал не развивался и не приносил ожидаемого результата.

Крафт (мастерство), реализация, технические детали

Для повышения скорости и надежности работы провели полный рефакторинг кодовой базы и оптимизировали контент, переписали корзину на фреймворке vue.js.
Для улучшения пользовательского опыта провели постраничный редизайн сайта, сделали более понятным оформление заказа, повысили удобство и наглядность работы с каталогом, сделали информативную карточку товара, добавили пользовательские функциональности и возможности в личном кабинете
Для оптимальной работы создали road map, согласовали приоритет. Редизайн проводили по отдельным релизам - страницами и разделами, начиная с главной страницы. После тестирования на техническом сервере мы публиковали изменения на “боевом” сайте и они сразу были доступны пользователям.
Таким образом мы максимально быстро и бесшовно улучшали пользовательский UX и внедряли новые “фичи” с каждым новым релизом, не ожидая несколько месяцев до полного окончания работ.
Улучшенное юзабилити и новые возможности сразу начинали приносить пользу как пользователям интернет-магазина, так и владельцам.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Одна из сложностей заключается в представлении товара покупателям. Несмотря не большое количество товаров, в каталоге представлено свыше 80 000 SKU, тк один товар имеет множество размеров, цветов и может содержать до 1300 торговых предложений. Особенно это касается кроватей и матрасов - основного ассортимента компании.
Специфика матрасов заключается в том, что все они визуально максимально похожи, не зависимо от размеров или характеристик и пользователю сложно определить, какой именно матрас подходит ему. Существует "барьер покупке в оффлайне" - покупатели хотят посмотреть на товар в живую, пощупать его.

Удобство работы с каталогом
Основная задача - сделать удобную, интуитивно понятную работу с каталогом и товарам, чтобы пользователь без труда мог максимально наглядно получить полную информацию, релевантные результаты поиска и принять взвешенное решение о покупке.
Для работы с широким ассортиментом реализованы фильтры и сортировка каталога. Фильтрация каталога происходит по отдельным торговым предложениям товаров. Например, при выборе нужного цвета и размера кровати пользователь видит в превью карточек изображение товара выбранного цвета и размера, а не базового товара.
Отображение карточек в категориях мебели, по умолчанию можно выбрать в виде товара на белом контрастном фоне или в интерьере комнаты, с другими вещами и естественным освещением.

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

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

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

3D и AR-примерка
В карточку выгружены 3D модели. Они интерактивные и пользователь может осмотреть товар во всех проекциях.
С помощью AR (дополненной реальности) пользователь с помощью камеры смартфона может “примерять” модель в своем реальном интерьере.

Конфигуратор и заказ уникальных товаров
Одно из преимуществ компании Сонум для покупателя - огромный ассортимент продукции и возможность изготовить уникальный товар под требования покупателя.
Для простого подбора нужного товара мы разработали конфигуратор, доступный в карточке товара. С его помощью пользователь может выбрать из более 30 000 торговых предложений нужный вариант или собрать для себя уникальную конфигурацию.
В конфигураторе есть возможность заказа образцов обивки. Заявку можно сделать не выходя из карточки, транспортная компания доставит образцы по нужному адресу.

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

Сопутствующие товары в карточке и корзине
Сопутствующие товары выводятся в основную карточку с учетом размеров и характеристик основного товара. Например, если пользователь просматривает карточку кровати размером 120х190, светло-серого цвета, то в сопутствующих товарах будут выводится матрасы заданного размера, а прикроватные тумбы и комоды - такого-же цвета. При смене конфигурации характеристики этих товаров также изменятся.
Сопутствующие товары в корзине выводятся аналогично товарной карточке - с учетом характеристик основного товара - размера, цвета и тп.
В целом это делает допродажи удобными и стимулирует их.

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

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

Оплата заказа
Расширили возможности по оплате оплате заказа: кроме обычных способов - онлайн на сайте или наличными в оффлайн точке, можно оплатить в рассрочку от банка или частями через сервис “Долями”.
Для подобной продукции очень актуальны способы оплаты, который позволяют отложено заплатить за выбранный товар.

Авторизация
Максимально упростили авторизацию в личном кабинете. Реализовали способы по коду из SMS и через Яндекс id. Теперь пользователь может авторизоваться в пару кликов.

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

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

Скриншоты

Комментарий заказчика

Мы начали сотрудничество с CADesign по устранению технических проблем на сайте: были вопросы по скорости и стабильности работы, периодически наблюдались падения сайта.

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

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