Кейс: +40% к продажам в интернет магазине через редизайн

В конце прошлого года обратился магазин, который занимается продажей товаров для нового года. За окном был октябрь, сезон вот-вот начинался, а сайт был не готов.

То есть он был запущен, но владельца не устраивало как он работает.

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

В результате аудита был составлен план работ по доработке проблемных мест (о них будет ниже)

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

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

Первое, что требовало обязательной доработки — шапка сайта.

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

Поэтому было принято решение полностью перепаковать шапку, сохраняя ее общую концепцию. Под логотипом был добавлен функционал по автоопределению города. Меню с иконками было полностью удалено и поправлен вывод контактов.

В результате получилась компактная, но информативная шапка.

Следующие изменения коснулись основного контейнера на главной странице.

Были добавлен баннер с акцией в самом верху страницы.

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

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

Весьма сомнительно, что их могли интересовать новости больше, чем акции и новинки.

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

Также на этой странице не доставало дополнительных элементов, которые помогали бы продавать больше.

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

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

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

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

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

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

Также для повышения конверсии и улучшения коммерческих факторов был добавлен блок с отзывами.

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

Следующие изменения коснулись бокового меню с каталогом.

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

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

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

Причем те, кто покупал в розницу могли просто скачать таблицу.

А те клиенты, кого заинтересовала оптовая закупка в больших объемах закрывались на заполнение контактной формы. Чтобы с ними можно было бы работать, получив их контакты.

Не обошла стороной и доработка карточки товара.

Для сохранения общего стиля были внесены правки в оформление характеристик.

В частотности в заголовки.

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

Для повышения среднего чека и удержания посетителей был добавлен блок “с этим товаром также покупают.”

Изменения коснулись и страницы с контактами.

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

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

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

Страница “О магазине” оказалась незаполненной.

Для нее было отдельно разработано визуальное оформление.

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

Основные тексты о магазине, которые оформлены так, чтобы было удобно читать.

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

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

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

Также как и на странице с контактами слева был размещен блок с каталогом товаров.

А вся информация визуально стала более читабельной. За счет расстановки акцентов и добавления инфографики.

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

 

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

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

Результаты работы

Результат работы вы можете наблюдать в виде сравнения двух периодов.

Левая колонка — прошлый год (бледно-фиолетовая), правая (более яркая фиолетовая) — текущий.

Что касается цифр:

Количество посетителей:

  • Было: 5971
  • Стало: 11977
  • Рост:  200%

Просмотры:

  • Было 13 395
  • Стало: 30 274
  • Рост: 226%

Глубина просмотра:

  • Было: 4.55
  • Стало: 5.19
  • Рост: 14%

В результате работы магазин осуществил продаж на сумму более 2 млн. рублей в течение 2 месяцев работы. Что составило рост более чем на 40% по сравнению с предыдущим годом.

Данные показатели были достигнуты за счет увеличения числа посетителей и повышению конверсии в оформление заказа и звонок.

Если хотите также увеличить прибыль вашего магазина — обращайтесь.

Оставьте комментарий