Как улучшить продажи интернет-магазина с помощью адаптивной верстки
Мы уже писали о преимуществах адаптивной верстки сайта. Но окупятся ли время и деньги, потраченные на адаптивную верстку сайта интернет-магазина? Ответ на этот вопрос — в гостевом кейсе аналитика Ивана Гусяка из Lemarbet.
Как внедрялась адаптивная верстка
Клиент — интернет-магазин, который занимается продажей запчастей для мобильных телефонов и планшетов. На создание адаптивной верстки сайта понадобилось семь дней работы: 3 дня на дизайн разных версий и 4 — на верстку и тест корректности отображения. Адаптивная версия была реализована для всех экранов с расширением больше 320 пикселей, то есть почти для всех существующих мобильных устройств.
Как тестировался адаптивный дизайн?
- С помощью встроенного инструмента Google device mode в браузере Google Chrome.
- С помощью инструмента «Режим адаптивного дизайна» в браузере Mozilla Firefox.
Конечно, верстку проверили и на всех мобильных устройствах сотрудников отдела разработки.
Результаты
Адаптивный дизайн был запущен 15 августа 2015 года. Уже через неделю после запуска начало расти качество и количество транзакций с мобильных устройств. На скриншоте — статистика трафика и транзакций с мобильных устройств. Период сравнения — 1,5 месяца до запуска и 1,5 месяца после запуска адаптивного дизайна.
Замечание: статистика для чистоты анализа отфильтрована по мобильным устройствам и органическому поиску.
Видно, что количество мобильного трафика выросло на 30%. Но показатели электронной торговли выросли намного больше: коэффициент конверсии вырос на 42%, количество транзакций — на 86%, а доход — на 116%. Также сравнили данные сайта за полгода до реализации адаптивной верстки и через полгода после ее внедрения.
- Средняя длительность сеанса. После запуска адаптивной верстки пользователям уже не приходится делать зум страницы пальцами, что уменьшает время взаимодействия с сайтом. Но в нашем случае средняя длительность сеанса не уменьшилась, а практически не изменилась. Дело в том, что некоторая часть аудитории, учитывая удобство сайта, действительно тратит меньше времени на ориентацию, зум и навигацию. А вторая часть аудитории, напротив, остается на странице дольше, чтобы обработать представленную информацию. Поэтому средняя длительность сеанса здесь и получается почти неизменной.
- Показатель «страниц/сеанс» рассчитывается аналогично. С одной стороны, чем удобнее сайт, тем меньше страниц нужно перелистывать, а с другой — чем больше глубина просмотра, тем больше посетителю понравился сайт. Поэтому среднее значение почти не изменилось.
- Наконец, «показатель отказов». Посетители после первого же клика понимают, куда они попали (например, на карточку товара с нужной им запчастью) и получают всю необходимую информацию. Часть аудитории сразу покидает сайт, а часть, учитывая удобство просмотра, продолжает переходить на другие страницы. Поэтому значение показателя практически не изменилось.
Последний интересный показатель — ассоциированные конверсии. На скриншоте ниже представлена статистика ассоциированных транзакций до и после запуска адаптивной верстки. Для простоты и чистоты анализа взят только канал бесплатного трафика с разделением на мобильные устройства и настольные ПК.
Выводы
- Если вы тратите деньги на раскрутку и рекламу сайта — обязательно выделите деньги на адаптивную верстку. Тратить деньги на раскрутку и рекламу сайта без адаптивного дизайна (учитывая быстрый рост «мобильных» пользователей, которые уже сейчас составляют от 20% до 40% интернет-аудитории в зависимости от тематики) практически бессмысленно. Это как в офлайновом бизнесе рекламировать магазин и не отреставрировать скользкие ступеньки, не сделать пандусы для тележек и колясок, не обеспечить удобный проход между стеллажами и нормальный мерчандайзинг товаров. То есть адаптивный дизайн — повышение рентабельности инвестиций.
- Если сайт никак не продвигается, но и так имеет хороший трафик и продажи (наш случай), постарайтесь выделить деньги на адаптивную верстку. В нашем кейсе уже за 1,5 месяца с адаптивным дизайном количество продаж с мобильных устройств выросло на 86%, а доход — на 119%.
- Если сайт никак не продвигается и никто его не посещает — ни в коем случае не делайте адаптивную верстку. Лучше приберегите деньги на оплату домена и хостинга :)
Мнение авторов гостевого поста может не совпадать с позицией редакции и специалистов агентства Netpeak.
Свежее
Как подготовить и написать предложение блогеру в Instagram
Чтобы эффективно продвигать товар или услугу в Instagram, необходимо повысить охват целевой аудитории. Одно из возможных решений — привлечение блогеров. Казалось бы, достаточно предложить платное размещение рекламы…
Кейс Office-Expert.kz. Как дополнительно стимулировать покупки на 50 млн тенге в месяц
Мы решили внедрить товарные рекомендации на сайте. Они приносят дополнительно до 10% дохода.
Как подключение CDP может увеличить доход от триггерных писем до 50% — кейс Office-Expert.kz
Эффективность продвинутой сегментации стала заметна уже в первый месяц ее функционирования.