Меню

Кейс: разработка страницы о доставке на Битрикс

Доставка – неизменный атрибут любого интернет-магазина. Способов доставки, компаний-перевозчиков сейчас существует огромное количество. У каждой есть свои преимущества и недостатки, именно поэтому для магазина важно дать клиенту как можно больше вариантов, чтобы потенциальный покупатель имел возможность выбрать тот, который подойдет именно ему – в привязке к своему населенному пункту и особенностям посылки.

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

Как было сказано выше – способов доставок есть много, описание каждого отдельного способа доставки занимает львиную долю страницы, а соответственно – “накрывает” не всегда нужным пользователю информационным потоком. Именно поэтому при редизайне интернет-магазина “Летопись” странице доставки мы уделили особое внимание: сделали акцент на ее юзабилити и функционале.

Задача

В нашем случае – это тот самый магазин, который предлагает множество разных способов доставки для удобства всех покупателей. Перед нами стояла задача: разработка динамической страницы о доставке на сайте интернет-магазина на “движке” Битрикс, которая была бы максимально удобной и понятной любому пользователю.

Реализация

Определение региона доставки

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

Информация для каждого пользователя

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

Подробная информация

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

Итоги работы

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

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

Олег Фролов

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

Павел Путинцев

Front-end разработчик
Разработка пользовательских интерфейсов с клиентской стороны (front-end), создание сайтов. HTML/CSS/JavaScript/Vue.JS

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

avatar
1 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
1 Авторы комментариев
Виталий Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
Виталий
Гость
Виталий

Классно, т.к. не приходится тратить время на ознакомление со всеми вариантами (в том числе недоступными в своём регионе). Никакой лишней информационной нагрузки, все просто, наглядно, аккуратно и быстро. Максимально удобно для покупателей =)