Меню

Кейс: редизайн страницы оформления заказа (Битрикс)

Интернет-магазины уже давно являются неотъемлемой частью нашей повседневной жизни. Главное преимущество – удобство: заказ необходимых товаров не выходя из дома, во время поездки в транспорте, с любого устройства, имеющего выход в интернет. Но иногда камнем преткновения становится не совсем понятный интерфейс оформления заказа. В этом кейсе мы расскажем об опыте редизайна страницы оформления заказа Битрикс с целью повышения конверсии интернет-магазина рыболовных товаров CrazyFish (проект в нашем портфолио).

Согласно недавним исследованиям UPS Pulse of the Online Shopper: A customer experience study, 69,23% потенциальных покупателей оставляют заказ незавершенным. Это означает, что 7 из 10 человек не доводят процесс оформления покупки до конца. При этом одной из главных причин брошенной корзины является слишком сложный процесс оформления заказа.

Задача

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

Важно отметить, что компонент оформления заказа – один из самых сложных в Битрикс, его весьма проблематично кастомизировать. Но нет ничего невозможного!

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

Особенности дизайна

Вся форма – на одном экране!

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

Было

Стало

Подсказки для пользователя

В представленном интернет-магазине очень активно используются промокоды, скидки и акции. Это очень привлекательный функционал для клиентов, но в то же время покупатели не всегда понимали, как им пользоваться, почему скидка то применяется, то не применяется и т.д. Решением данной проблемы стало внедрение возле поля «промокод» специальной всплывающей подсказки, которая дает ответы на самые распространенные вопросы, касающиеся использования промокодов.

Простой и понятный выбор доставки

В обычном компоненте заказа поле «регион доставки», «выбор способа доставки» и «адрес» разнесены в три разных блока, что не всегда понятно и прозрачно. Сейчас вся информация о доставке скомпонована в едином блоке, всё предельно понятно и удобно для пользователя. То есть сразу после ввода города пользователь выбирает способ доставки, если нужно – вводит адрес доставки, или же выбирает на карте пункт самовывоза.

Было

Стало

Способы оплаты

Оплата – один из важных моментов оформления заказа, который, как правило, вызывает больше всего вопросов, а иногда – и сомнений. В нашем дизайне страницы оформления заказа в 1С-Битрикс способы оплаты сделаны более компактно, убраны лишние отвлекающие элементы (значки и прочее).

Было

Стало

Итоги работы

После внесения всех изменений были проведены повторные тесты. По результатам тестирования % пользователей, завершивших заказ на экране его оформления, вырос в 1,5 раза. Уменьшился поток сугубо технических вопросов консультантам по телефону и число ошибок пользователей при заказе.

Над задачей работали

Сергей Стеценко

Программист. Front- end разработчик
Разработка сайтов на Bitrix, WordPress. HTML/CSS/PHP/JS/SQL.

Олег Фролов

CEO, партнер
Продажи. Управление проектами. SEO. Разработка сайтов на CMS Wordpress и Битрикс.

Оставить комментарий

avatar
  Подписаться  
Уведомление о