Кейс-стади «MyDent24»:
5 приемов для разработки интернет-магазина в сегменте B2B

Компания MyDent24 продает товары для стоматологии от 45 ведущих мировых производителей. У нее 30 тысяч клиентов и доставка во все регионы России. Хотя сегмент рынка узкоспециализированный и направлен на B2B-аудиторию, масштаб бизнеса диктует, что по функционалу интернет-магазин не должен уступать сайтам крупных брендов в масс-маркете. Процесс разработки длился шесть месяцев, а техническое задание, разработанное нами, составляло 120 страниц. Рассказываем, как мы этого добивались.

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

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

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

• цену;
  
• сертификацию продукции;
  
• наличие товаров;
  
• скорость доставки.

Мы поместили всю нужную информацию на карточку продукта. Так, пользователю не нужно дополнительно переходить на страницу товара, чтобы снять эти вопросы. Он сразу видит название, фото, артикул, цену, есть ли продукт в наличии. Та же самая информация отображается в выпадающей форме при наборе слова в поиске. В быстром просмотре карточки высвечиваются также сроки и стоимость доставки. Остается только нажать на кнопку «В корзину» или «Заказать».

Страница любого продукта на сайте заканчивается блоком «Похожие товары». Система учитывает категории и характеристики продукции и автоматически подгружает список альтернатив. Они могут отличаться по цене и бренду, но это релевантные предложения, которые могут заинтересовать пользователей.

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

Для воздействия на неавторизованных посетителей есть свой инструмент. Кто видел веб-аналитику интернет-магазинов, знает, как много потенциальных покупателей не доходит до этапа регистрации. Это часть посетителей сайта, которая зашла «только посмотреть». На сайте Mydent24 они могут выполнить быстрый заказ. Достаточно заполнить несколько полей и отправить заявку.

Также эта категория посетителей может сохранить товары в список «Избранное», а затем отправить его на email. То есть один раз потратить время на поиск товаров, а после вернуться и сделать покупки по своему списку.

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

Оформление заказа в личном кабинете учитывает множество факторов:

• клиент физическое или юридическое лицо;
  
• товар в наличии или под заказ;
  
• расстояние и способ доставки;
  
• вес посылки;
  
• акционные скидки;
  
• число бонусов на счету;
  
• способ оплаты.
  
  

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

Возможность разделить посылку

Для удобства пользователя мы предусмотрели возможность уже на этапе оформления заказа разделить посылку. Например, часть товаров в наличии, и они могут прийти быстрее, чем те, что под заказ. А для отправлений в пределах Москвы сервис интегрирован с «Яндекс.Доставкой» и покупку можно получить в тот же день.

Автоопределение размеров скидки

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

Всего внедрено пять видов скидок. Они зависят от параметров заказа:

• тип покупателя;
• группа товаров;
• количество товаров в корзине;
• общая сумма заказа;
• промокод.

Автоматическое выставление счетов

Стоимость доставки рассчитывается автоматически в зависимости от суммарного веса заказа и дальности.

Механизм оплаты для физлиц представляет собой обычную процедуру онлайн-оплаты с получением чека. Для юридических лиц разработана система автоматического формирования счета для оплаты. Пользователь со статусом «юрлицо» может скачать документ после формирования корзины. Такой метод сокращает количество неоплаченных корзин и снижает нагрузку на менеджеров интернет-магазина.

Повторяющийся заказ

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

Многие сайты в сегменте B2B имеют консервативный дизайн. Этому есть простое объяснение: если существуют устоявшиеся правила, которые устраивают целевую аудиторию, не стоит этими правилами пренебрегать. Однако у такого метода есть и обратная сторона. Сайты начинают копировать друг друга. Если просмотреть ориентированные на стоматологов веб-порталы, легко заметить, что многие из них выполнены в «стерильной» сине-белой гамме.

Такой цвет действует на посетителя сайта успокаивающе. Вместо поспешного скроллинга появляется желание присмотреться к товарам в каталоге.

Второй холодный цвет на сайте — насыщенный синий. Он использован в оформлении логотипа и частично при написании заголовков.

Какой цвет остерегаются создатели сайтов медицинской тематики — это красный. Он связан с опасностью и кровью. Однако получается, это именно тот цвет, который выделит нашу компанию-заказчика. Мы выбрали теплый, приглушенный, немного морковный оттенок, чтобы увести от ненужных нам ассоциаций.

Самый распространенный символ в стоматологии — зуб. Значит, его нужно отбросить при разработке айдентики в первую очередь. Стоматологи в специализированных магазинах ищут информацию не о зубах, а о стоматологических инструментах. Среди них дизайнеры Uplab и искали нужный образ. Им стало стоматологическое зеркало. Оно воплощено в характерном начертании буквы «d» в логотипе и повторяется в оформлении числа 24.

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

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

#разработка сайтов, #проектирование, #uplab, #1c-битрикс, #бизнес, #кейсы