Иван Ярославцев

Автор статьи

Иван Ярославцев

Написана 20.07.2017

Понравилось?
Поделись c друзьями:

Увеличение конверсии в интернет-магазине керамической плитки

Результаты

 
  • глубина просмотра страниц на сайте выросла на 30%;

  • отказы сократились на 22%;

  • на 5% увеличилось время на сайте;

  • конверсия выросла на 18%.

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

В 2017 году к нам обратился владелец сайта keramarka.ru c просьбой увеличить конверсию. На тот момент она составляла 0,58% при трафике в 7000 визитов. Задача назревала давно, так как дизайн интернет-магазина был на готовом шаблоне с ограниченным функционалом. Он не соответствовал специфике продаж керамической плитки. Поэтому мы предложили провести аудит сайта и разработать новый дизайн.

Старт работ

Работы над задачей начали с аудита текущего сайта и опроса менеджеров магазина.

Карта кликов на сайте keramarka.ru
 

По результатам аудита собрали следующую информацию:

  • покупатели ищут керамическую плитку по определенному бренду;

  • 70% визитов на главную и страницы коллекций плиток;

  • 40% мобильных пользователей, которые просматривают все фотографии, как и пользователи компьютеров;

  • 15% покупателей ищут плитку по определенному артикулу при помощи поиска сайта;

  • 90% пользователей не пользуются фильтром товаров;

  • размеры фотографий не позволяли разглядеть товар подробно.

В итоге мы разделили пользователей на три категории:

  • начинают свой визит с главной страницы или со страницы категории;

  • начинают свой визит с определенного бренда или коллекции плитки, точно знают что хотят;

  • ищут товар с помощью поиска сайта по артикулу товара. 

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

Создание прототипа

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

  • фото должно иметь приоритет над текстом, так как покупатель хочет видеть образ будущей кухни;

  • отдельно спроектировать и нарисовать мобильную версию;

  • переделать концепцию верхней части дизайна;

  • фотография плитки должна отображаться во всю ширину экрана;

  • информацию о плитке спрятать во всплывающее окно, так как она вторична.

В результате получился следующий прототип:

 

Прототип страницы категории 
 

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

  1. Категории сайта

  2. Бренды сайта

  3. Коллекции 

  4. Акции

  5. Информация о сайте

В результате получился следующий прототип главной страницы: 

Прототип главной страницы сайта

Дизайн интернет-магазина

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

 

Дизайн мобильной версии интернет-магазина
 

Дизайн интернет-магазина для ПК

 

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

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

После проведенных работ процент конверсий увеличился с 0,58% до 0,68%. При этом глубина просмотра страниц на сайте выросла на 30%, а отказы сократились на 22%.

Иван ЯрославцевДиректор Alto