К нам обратился старый клиент с вопросом: как увеличить конверсию сайта keramarka.ru. Нами был предложен вариант изменения дизайна, чем можно будет улучшить эффективность сайта и повысить конверсию в продажи. Задача назревала давно, так как:
- Сайт изначально был сделан на готовом шаблоне. Несмотря на адаптацию под бизнес клиента, сайт не отвечал современным требованиям;
- Специфика продажи плитки отличается от других товаров.
Структура товарного ассортимента плитки распределена по коллекциям и покупатель при выборе сначала выбирает коллекцию - ту самую "картинку", которую он хочет воссоздать у себя в доме. После выбора коллекции уже идет выбор конкретных позиций, т.е. самой плитки.
Такая структура подразумевает, что на одной странице у пользователя должна формироваться эмоция, желание реализовать такой же дизайн. Здесь же есть возможность воспользоваться типовым функционалом интернет-магазина. И если информацию подать неправильно, то конверсия снизится.
Для решения задачи мы сделали новый дизайн главной страницы и основной продающей страницы.
Результаты
По результатам проведенной работы увеличилось количество оформленных заказов на сайте, при том, что количество звонков не сократилось. Это говорит о том, что часть аудитории, которую раньше терял данный интернет-магазин, теперь стала оформлять заказ на сайте.
- Глубина просмотра страниц на сайте выросла на 30%
- Отказы сократились на 22%
- На 5% увеличилось время на сайте
- Конверсия выросла на 18%
Старт работ
С чего начинаются работы по улучшению конверсии сайта? Конечно, с анализа статистики текущего решения и опроса менеджеров, обслуживающих клиентов магазина.
По результатам собрана следующая информация:
- Многим покупателям важен конкретный бренд, на который они сразу переходят
- Большинство заходов на сайт - это либо главная страница, либо конкретная коллекция плитки
- Больше 40% мобильных пользователей и они так же тщательно просматривают все фотографии товаров, как и пользователи компьютеров
- Часть покупателей заходит за плиткой с конкретным артикулом и пользуется поиском для этого
- Далеко не все покупатели пользуются фильтром товаров
- Маленькая фотография в старом решении не позволяет разглядеть товар
Это нам позволило понять, что все покупатели делятся на 3 типа:
- Не знают, зачем зашли и навигацию начинают либо с главной страницы, либо с категории.
- Знают, какой бренд или коллекцию хотят, но пока не приняли конечное решение или выбирают конкретную плитку
- Точно знают, какая плитка нужна и ищут её по артикулу
В дизайне важно было учесть навигацию всех трёх групп покупателей. После сбора информации мы перешли к разработке прототипа. Для экономии ресурсов совместно с клиентом было принято решение изменить дизайн только двух ключевых страниц, а все остальные адаптировать под новый стиль.
Создание прототипов
Перед созданием прототипов были просмотрены конкуренты с которыми приходится сталкиваться в SEO продвижении и контекстной рекламе. Это позволило найти 2-х конкурентов, которым мы уступаем по удобству проекта и которые могут позволить улучшить конверсию сайта.
По результатам аналитики и анализа ресурсов конкурентов составили список требований к новому дизайну:
- Фото должно иметь приоритет над текстом, покупатель заходит за интересным образом будущей кухни или ванны
- Отдельно нарисовать и спроектировать удобную мобильную версию
- Пересмотреть полностью концепцию верхней части дизайна
- Сама плитка должна отображаться по всей ширине экрана и с помощью качественных фотографий
- Детальную информацию о плитке спрятать во всплывающее окно, так как она вторична по отношению к фото, артикулу и размеру
В результате получился прототип коллекции плитки.
Перед прототипированием главной страницы стало понятно, что дизайн требует пересмотра категорий на сайте, в текущем варианте они сбивают с толку. Покупатель не понимает разницу между категорией "напольная плитка", "плитка для пола". Более того, карта кликов в яндекс.метрике показала самые "кликабельные" категории.
Задача любой главной страницы - обеспечить удобство навигации пользователя, поэтому в порядке приоритета важности с точки зрения бизнеса и с точки зрения текущей аналитики, мы расположили блоки:
- Категории сайта
- Бренды сайта
- Конкретные коллекции со скидкой
- Акции
- Информация о нашем сервисе
В результате получился прототип главной страницы, который должен улучшить конверсию сайта:
Дизайн
Задача дизайна - правильно подавать покупателю смыслы и содержимое бизнеса. Эффекта от красивой картинки не будет, если дизайн не помогает пользователю решить его задачу.
Для того чтобы получить лучшее решение двоим дизайнерам предложили учавствовать в тендере. В результате мы получили 2 достойные работы и выделив лучшее из каждой мы совместили всё в итоговый макет.
Также заранее мы предусмотрели дизайн всех всплывающих окон или элементов в активном состоянии.
Многие также забывают предусмотреть, что в дизайне длина названий товаров, других полей будет отличаться. Поэтому мы нарисовали заранее самые длинные варианты, чтобы избежать проблем с версткой в будущем.
Техническая часть
Старый дизайн работал и активно приводил новых клиентов. Поэтому вся разработка велась на отдельном сервере, где мы следили за ходом работ и проверяли функционал перед запуском.
На всякий случай мы оставили старый дизайн на сервере, чтобы в случае непредвиденных ситуаций мы могли к нему вернуться.
Запуск сайта
Когда проект был готов, мы перенесли новый дизайн на рабочий проект. По личной инициативе делали это в вечернее время, чтобы избежать потери продаж.