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

Автор статьи

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

Написана 20.07.2017

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

+18% конверсии дал новый дизайн сайта магазина итальянской плитки

Летом 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 достойные работы и выделив лучшее из каждой мы совместили всё в итоговый макет.

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

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

дизайн

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

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

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

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

Запуск сайта

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

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

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

Отзывы
ООО Спортлайн-Инвест

Отзыв от
ООО "Спортлайн-Инвест"

Авеон

Отзыв от
ООО "Авеон"

AG-TECHNOLOGIES

Отзыв от
"AG-TECHNOLOGIES"

БШФ

Отзыв от компании
"БШФ"

extremehobby.ru

Отзыв от Интернет-магазина
extremehobby.ru

ООО Спортлайн-Инвест

Отзыв от Интернет-магазина
b-blouse.ru

Отзыв от владельца интернет-магазина puhotvorenie.ru

Отзыв от интернет-магазина "Крафтовых дизайнерских рюкзаков"

Наши клиенты
Наши клиенты
Наши клиенты
Наши клиенты
Наши клиенты
Наши клиенты