На старте проекта мы изучили старый сайт заказчика, поведение пользователей на нем и выделили «узкие» моменты. Так, например, мы увидели, что пользователи покидают сайт из-за слишком большой высоты фильтра вверху страниц сайта на мобильных устройствах.
Помимо интернет-магазина заказчик владеет сетью оптик и офтальмологических кабинетов. Работу над проектом продолжили тем, что пошли изучать поведение покупателей в офлайне. Мы посетили оптику в одном из торговых центров города и понаблюдали за тем, как покупатели приобретают линзы.
Итак, первые два клиента купили линзы, ориентируясь на рецепт офтальмолога: их интересовало наличие линз с конкретным названием и нужными диоптриями. Забегая вперед, скажем, что такое поведение оказалось наиболее типичным.
Многим покупателям, пусть и не всем, помимо диоптрий было важно наличие конкретного радиуса кривизны.
Часто клиенты вместе с линзами сразу покупали и раствор.
В оптике мы провели порядка 3 часов. За это время мы также пообщались с продавцом. В результате мы собрали много полезной информации о поведении клиентов, а также узнали о проблемах, с которыми они сталкиваются при покупке.
Вслед за оптикой мы посетили медкабинет (здесь тоже продают линзы) и пообщались с офтальмологом.
Врач рассказала нам, что помимо диоптрий и радиуса кривизны большое значение для покупателей имеет материал линз. Так, например, силикон-гидрогелевые линзы значительно лучше для здоровья глаз, чем гидрогелевые.
Помните, мы выяснили, что 80% покупателей из раза в раз приходят за линзами с конкретным названием? Чтобы упростить процесс поиска для таких пользователей, в главное меню мы вывели пункт «Бренды линз». Этот пункт имеет расширенное выпадающее меню, которое содержит список названий линз. Для удобства поиска, названия линз сгруппировали по бренду. Под названиями добавили подсказки относительно типа линз.
Для тех, кто помнит товар визуально, в выпадающем меню добавили изображения линз, которые появляются при наведении курсора на названия.
Из выпадающего меню пользователь может сразу попасть в карточку нужного товара.
Для оставшихся 20% пользователей, которые определяются с выбором линз уже в магазине, а также для тех, кто зашел на сайт впервые и еще не знаком с ассортиментом магазина, в меню добавили пункт «Линзы». Здесь линзы сгруппированы по типам: дневные, цветные, астигматические и т.д.
Для покупателей, которые хотят попробовать носить другой бренд линз, на главной странице предусмотрели быстрый поиск. Пользователь может указать срок ношения и радиус кривизны и выбрать линзы из предложенных вариантов.
Часто покупатели занимаются ерундой и самостоятельно меняют себе срок ношения и оптическую силу (мол, попробую-ка я линзы послабее). Если в случае со сроком ношения смена, как правило, не критична, то самостоятельная смена оптической силы линз может привести к ухудшению зрения. Предупреждаем об этом покупателя рядом с формой быстрого поиска. Заодно продаем медицинскую услугу.
Также на главную страницу добавили информацию об акциях и популярных товарах.
Информацию в карточке товара расположили в порядке значимости. Сначала наиболее важные характеристики линз (вид материала, режим ношения, частота замены). Затем поместили форму выбора параметров линз и кнопку «Положить в корзину», ниже – остальную информацию.
Как мы выяснили, покупатели нередко вместе с линзами приобретают и раствор. Поэтому мы предусмотрели возможность заказа раствора прямо из карточки линзы.
Покупатели могут заказывать один и тот же товар с разными параметрами. Например, если острота зрения правого и левого глаза различается, нужны линзы с разной оптической силой. На странице корзины предусмотрели группировку таких товаров для более удобного просмотра.
Процесс оформления заказа продумали и реализовали таким образом, чтобы покупателю не приходилось уходить на другие страницы сайта для уточнения информации о составе заказа, доставке и оплате.
Так, выбирая способ доставки, покупатель видит не все способы, а только те, которые доступны для указанного им города доставки.
Рядом с каждым способом доставки указана его стоимость, которая пересчитывается в зависимости от общей суммы заказа.
Доступные способы оплаты зависят от выбранного способа доставки, поэтому процесс оформления заказа сделали поэтапным.
Для покупателей, которые из раза в раз заказывают одни и те же линзы, в личном кабинете предусмотрели функцию повторного заказа. Благодаря этой возможности процесс заказа сводится к нескольким кликам.
Также в личном кабинете можно отслеживать статус текущего заказа и просматривать подробную информацию о нем.
На этой странице пользователь может задать вопрос офтальмологу относительно правил ношения линз и здоровья глаз в целом.
Спустя месяц после запуска сайта мы проанализировали статистику посещений и продаж и сравнили ее со статистикой старого сайта. Так, на новом сайте нам удалось уменьшить количество брошенных корзин на 15%. Средний чек увеличился на 11%.
Работа над сайтом не закончилась после его запуска. На данный момент мы занимаемся развитием и улучшением интернет-магазина.
Расскажем о самых интересных улучшениях, которые мы уже сделали.
Проанализировав поведение покупателей в карточке линзы, мы увидели, что на мобильных устройствах пользователи не замечают вкладки «Левый глаз» / «Правый глаз», а также не пользуются чекбоксом «Только один глаз». Этот чекбокс предназначался для покупки линз с одинаковыми параметрами для обоих глаз.
В случае, когда пользователю были нужны линзы с одинаковыми диоптриями для обоих глаз, он просто заполнял форму для левого глаза, выставлял нужное количество линз и нажимал кнопку «Положить в корзину». При этом форма выдавала ошибку, поскольку поля для правого глаза были обязательными для заполнения.
История повторялась, когда часть пользователей, которые хотели купить линзы с разными параметрами, не замечали вкладки «Левый глаз» / «Правый глаз» и пытались купить линзы, дважды заполнив форму для левого глаза.
Также при такой модели поведения пользователи часто не могли разобраться, почему итоговое количество линз всегда на 1 шт. больше, чем количество, которое они выставили в форме. Так происходило потому, что по умолчанию количество линз для каждого глаза было выставлено в размере «1».
Увидев такое поведение, мы поняли, что форма заказа линз получилась слишком сложной. В результате мы убрали чекбокс «Только один глаз», вкладки «Левый/Правый глаз» сделали более явными, а поля для второго глаза сделали необязательными для заполнения. Так, форма перестала выдавать ошибку, если заполнены параметры только для одного глаза. Количество линз по умолчанию выставили в размере «0».
Еще один случай. Из-за подробного описания карточка товара на смартфоне получилась слишком длинной.
Мы заметили, что покупатели, которые читают подробное описание, часто отвлекаются от заказа линз и уходят на другие страницы сайта. Чтобы пользователи могли быстро вернуться к заказу товара, внизу страницы добавили ссылку-якорь, которая перемещает к форме выбора параметров линз. Если же пользователь уже добавил товар в корзину – меняем якорь на кнопку «Перейти в корзину».
С помощью Вебвизора Яндекс.Метрики мы проанализировали поведение новых пользователей в карточке товара. В 95% случаев поведение оказалось таким, как мы и предполагали. Пользователи без труда заполняют поля сначала для левого, а затем для правого глаза и кладут товар в корзину.
Покупатели, у которых диоптрии для обоих глаз одинаковые, могут заполнять форму любым удобным способом: заполняя формы для обоих глаз или только форму для одного глаза.
Спустя месяц после добавления ссылок-якорей в карточку товара проанализировали, какой процент пользователей кладет товар в корзину со смартфонов и сравнили его с прежним показателем. Так, конверсия увеличилась на 1,55% при условии, что интернет-магазин не проводил в этот месяц акций, а на сайт не вносились изменения.
Делаем вывод, что изменения действительно оказались полезными.
Сайт разработала студия «Иквадарт».
С другими нашии проектами можно познакомиться здесь :)
Проведите конкурс среди участников CMS Magazine
Узнайте цены и сроки уже завтра. Это бесплатно и займет ≈5 минут.