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

Результаты   глубина просмотра страниц на сайте выросла на 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%.