Мы не разрабатываем сайты и не вносим правки в дизайн. Но до начала работ проводим аудит посадочных страниц и даём рекомендации. Все изменения сайта, о которых рассказали в статье, заказчик делал сам по нашим рекомендациям.
Сотрудничать с интернет-магазином начали в 2012 — нашей дружбе более 10 лет. В момент знакомства мы проанализировали сайт магазина и дали рекомендации по доработке. Это не было разовой акцией. Позже, если мы видели, что можно что-то ещё улучшить, говорили заказчику. Заказчик внимательно относился к рекомендациям и вовремя их внедрял.
Шапка сайта интернет-магазина обуви. 2012
Для 2012 г. выглядит совсем неплохо:
— есть название компании и лого;
— возможность перейти в интернет-магазин;
— показаны ключевые разделы;
— имеется вход в личный кабинет.
Но нет предела совершенству, и в шапку внесли изменения.
Как улучшили:
🦶 — шаг 1. Сделали переходы в основные разделы и возможность поиска по каталогу. Так пользователю будет легче ориентироваться по сайту и проще найти нужный товар.
Изменение навигации в шапке сайта интернет-магазина обуви
🦶 — шаг 2. Сделали контрастным значок акций.
Акции в шапке сайта интернет-магазина обуви
🦶 — шаг 3. Разместили в привычном месте иконку корзины.
Корзина в шапке сайта интернет-магазина обуви
🦶 — шаг 4. Добавили город.
Город в шапке сайта интернет-магазина обуви
🦶 — шаг 5. У пользователей возникает много вопросов о предоплате. Прописали в шапке и выделили зеленым цветом: «Доставка без предоплаты».
Преимущество в шапке сайта интернет-магазина обуви
🦶 — шаг 6. В шапке каталога добавили разделы с ответами на другие часто возникающие вопросы. Например, о доставке, гарантиях.
Дополнения в шапке каталога на сайте интернет-магазина обуви
Встречают по одёжке: главное — заинтересовать
Если человек попал на сайт, у вас есть 3-5 секунд, чтобы привлечь его внимание. Если не получится, посетитель уйдет. Поэтому важно тщательно проработать главную страницу сайта и первый экран.
Ниже — вид первого экрана до начала нашего сотрудничества.
Первый экран интернет-магазина обуви. 2012
Половину экрана заняли переходы в основные разделы. Другая часть — длинный текст о компании без заголовка. Он занимает несколько экранов. Преимущества показаны справа. Чтобы их увидеть целиком, нужно пролистать несколько экранов.
🦶 — шаг 7. Преимущества и инструменты продаж разместили на баннерах первого экрана. Баннеры последовательно сменяют друг друга. Их задача — ответить на вопрос: «Почему нужно купить именно здесь?».
Баннеры на первом экране сайта магазина обуви
🦶 — шаг 8. Под баннерами ответили на вопросы, которые покупателей волнуют больше всего. Вернее, не ответили, а дали ссылки на соответствующие страницы сайта. В каталоге эти ссылки разместили в шапке.
Ответы на самые распространенные вопросы на первом экране сайта магазина обуви
🦶 — шаг 9. Сделали возможность сортировки по бренду. Перейти на страницу бренда можно из блока на главной.
Бренды на первом экране главной страницы и переход на страницы бренда в каталоге
🦶 — шаг 10. Под брендами показали новинки.
Выбор без выбора — тоже выбор
Выбрать товар помогает каталог. Посмотрим страницу каталога до начала сотрудничества.
Разводящая страница каталога интернет-магазина до начала сотрудничества
Вот так страница выглядит в 2023 г.
Каталог интернет-магазина обуви в 2023 г.
🦶 — шаг 11. Мы проработали кластеризацию товаров. Ранее заказчик использовал упрощенный вариант. В обуви были 3 основных кластера — модели:
Отдельный кластер составляли аксессуары.
Мы учли поисковые запросы и особенности поиска внутри сайта, и предложили модель расширенной кластеризации. В соответствии с кластерами сформировали новые разделы каталога.
Изменения кластеризации для магазина обуви: упрощенная — в 2012 г., сложная — в 2023 г.
Что ещё изменили в каталоге:
🦶 — шаг 12. Добавили «хлебные крошки». Это элемент навигации вверху страницы. Помогает пользователю сориентироваться — где именно на сайте он находится.
Хлебные крошки на разводящей странице каталога
🦶 — шаг 13. При изменении каталога учитывали, что пользователю важно найти нужную модель по нужным параметрам. Параметры могут быть разные. Для этого важны фильтры. Для удобства расположили их слева. Сверху разместили порядок сортировки.
Фильтры и сортировка на странице каталогам
Карточка товара — главный инструмент продаж
Большая часть рекламных креативов и поисковых запросов ведет на карточки товара. Поэтому карточки важно тщательно проработать. На карточке должна быть вся информация, необходимая для принятия решения о покупке.
Посмотрим, какой была карточка до начала сотрудничества.
Карточка товара до начала сотрудничества
Ранее карточка содержала лишь основные характеристики товара. К 2023 г. карточку обновили.
Карточка товара в 2023 г.
🦶 — шаг 14. Дали больше информации о самом товаре.
Характеристика товара в карточке товара на сайте интернет-магазина обуви в 2012 и 2023 гг.
🦶 — шаг 15. Чтобы повысить доверие и закрыть возражения, разместили на странице отзывы покупателей и ответы на вопросы.
🦶 — шаг 16. Добавили сертификаты продукции.
🦶 — шаг 17. В правом блоке расписали гарантию и доставку.
Информация о доставке и гарантии в карточке товара интернет-магазина обуви
🦶 — шаг 18. Сделали больше фото с разных сторон. Улучшили качество изображений — это очень важно для интернет-магазина. Посетитель не может потрогать товар и выбирает по картинке.
Фотографии в карточке товара интернет-магазина обуви
Результат
Изменения в сайте влияют на его конверсию. Конверсия стала больше в 2,67 раза. До правок она составляла 1,48%, после — 3,95%.
Это значит, что ранее, из каждой 1000 посетителей сайта, 15 человек совершали заказ, а сейчас — 40.
Конверсия — не единственный результат. В 3 раза увеличили число продаж и выручку сайта:
— в 2015 г. по данным электронной торговли в интернет-магазине купили 13 360 пар обуви;
— в 2022 г. — 44 729 пар.
Смотрите запись вебинара «Как интернет-магазину кратно вырастить продажи», чтобы узнать детальнее о других результатах работы интернет-магазина и как мы их получили.
Как увеличить число покупок интернет-магазина?
Чтобы увеличить конверсию сайта и число покупок интернет-магазина:
— сделайте главную страницу сайта и карточки товара удобными и интуитивно понятными;
— обеспечьте простой поиск нужного товара;
— проработайте возражения, ответьте на возможные вопросы и дайте всю информацию, нужную для принятия решения;
— позаботьтесь о качестве фотографий.
А теперь поиграем с цифрами — всё, как вы любите
Воспользуемся калькулятором юнит-экономики. Внесём исходные данные. В рассмотренном проекте мы вели поисковое продвижение, поэтому цифры берем из SEO. Количество посетителей сайта из поисковых систем за 2022 г. — 1 132 389. Конверсия в продажу — 3,95%
Оговорки, которые важно учесть:
— калькулятор настроен для рекламы, но и SEO показатели в нём можно считать. У нас нет показов рекламного объявления (в скрине эту строчку не видно), мы сделали показы равными числу посетителей — 1 132 389 и поставили ctr 100%. Это позволило перенести цифру показов в посетителей. Воронку начинаем смотреть именно с посетителей, как на скрине.
— конверсию в заявку указали 100% чтобы ее не учитывать. На сайте установлена электронная коммерция и Яндекс Метрика показывает сразу отношение продаж к посетителям. Без этапа заявки.
Выручка интернет-магазина при конверсии сайта 3,95%
Конверсия сайта интернет-магазина 3,95% дает в финале выручку 498 016 806 руб.
Теперь посмотрим что было бы без учёта доработок сайта. Для этого оставим все цифры прежними, но возьмем исходную конверсию 1,48%.
Выручка интернет-магазина при конверсии сайта 1,48%
Конверсия интернет-магазина 1,48% дает выручку 186 598 714 руб. Значит, благодаря изменениям сайта, выручка выросла в 2,67 раза.
Используйте свои цифры в калькуляторе юнит-экономики и узнайте, как повлияет конверсия сайта на вашу выручку. Калькулятор доступен всем подписчикам нашего телеграм-канала.
А чтобы понять, что не так с вашим сайтом, получите бесплатный SEO-аудит. Заполните форму и результат увидите на почте в течение 3-х минут.