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

Автор статьи

Иван Ярославцев
Руководитель

Написана 20.07.2017

Понравилось?
Поделись в соц сетях:

Кейс как улучшить конверсию на сайте

Летом 2017 года обратился наш старый клиент с вопросом как увеличить конверсию сайта keramarka.ru. Нами был предложен вариант изменения дизайна, чем улучшить эффективность сайта и повысить интернет-конверсию. Задача назревала давно, так как:

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

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

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

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

Результаты

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

  1. Глубина просмотра страниц на сайте выросла на 30%
  2. Отказы сократились на 22%
  3. На 5% увеличилось время на сайте
  4. Конверсия выросла на 18%

 

Старт работ

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

Метрика

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

  1. Многим покупателям важен конкретный бренд, на который они сразу переходят
  2. Большинство заходов на сайт - это либо главная страница, либо конкретная коллекция плитки
  3. Больше 40% мобильных пользователей и они так же тщательно просматривают все фотографии товаров, как и пользователи компьютеров
  4. Часть покупателей заходит за плиткой с конкретным артикулом и пользуется поиском для этого
  5. Далеко не все покупатели пользуются фильтром товаров
  6. Маленькая фотография в старом решении не позволяет разглядеть товар

Это нам позволило понять, что все покупатели делятся на 3 типа:

  1. Не знают, зачем зашли и навигацию начинают либо с главной страницы, либо с категории.
  2. Знают, какой бренд или коллекцию хотят, но пока не приняли конечное решение или выбирают конкретную плитку
  3. Точно знают, какая плитка нужна и ищут её по артикулу

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

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

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

По результатам аналитики и анализа ресурсов конкурентов составили список требований к новому дизайну:

  1. Фото должно иметь приоритет над текстом, покупатель заходит за интересным образом будущей кухни или ванны
  2. Отдельно нарисовать и спроектировать удобную мобильную версию
  3. Пересмотреть полностью концепцию верхней части дизайна
  4. Сама плитка должна отображаться по всей ширине экрана и с помощью качественных фотографий
  5. Детальную информацию о плитке спрятать во всплывающее окно, так как она вторична по отношению к фото, артикулу и размеру

В результате получился прототип коллекции плитки.

прототип

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

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

  1. Категории сайта
  2. Бренды сайта
  3. Конкретные коллекции со скидкой
  4. Акции
  5. Информация о нашем сервисе

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

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

Дизайн

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

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

Также заранее мы предусмотрели дизайн всех всплывающих окон или элементов в активном состоянии.

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

дизайн

дизайн мобильной версии главная страница

Техническая часть

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

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

Запуск сайта

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

Хотите также?

Тогда отправьте заявку

Самолётик