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

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

30 ноября 2020
~ 10 минут на чтение
Дистрибьютор стоматологического оборудования MyDent24 поставил перед собой цель кратно увеличить online-продажи через интернет-магазин. Мы использовали пять приемов в работе над сайтом и фирменным стилем, которые помогли выделить компанию на фоне конкурентов и создать инструменты для повышения конверсии.

Оглавление

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

Прием 1. Привлекаем целевую аудиторию к процессу разработки

Если составлять представление о целевой аудитории сайта только из брифа клиента, это облегчает работу UX-аналитикам, но усложняет жизнь заказчика после запуска сайта. Ведь у людей, продающих товары, и у людей, которые их покупают, может быть разное понимание удобного интерфейса.
Разработка интернет-магазина меню
«Нам нужно было сгруппировать обширный ассортимент оборудования, инструментов и расходных материалов в понятные категории. Чтобы разобраться в тысячах наименований, мы использовали метод карточной сортировки. Позвали реальных представителей ЦА — стоматологов и зуботехников — и дали им задание на свое усмотрение распределить карточки с типами товаров, с которыми они работают. По результатам исследования я смогла выстроить удобный для пользователей каталог».
Ирина Гурьева
UX-аналитик Uplab
Ключевые аудитории выделены на первом же экране. Например, зубной техник, может одним нажатием отсортировать товары, нужные в его деятельности, а не в работе стоматолога.

Прием 2. Повышаем конверсию за счет удобства и быстроты наполнения корзины

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

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

Прием 3. Увеличиваем средний чек с помощью предложения релевантных товаров

Похожие товары

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

Рекомендованные товары

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

Для неавторизованных пользователей

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

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

Прием 4. Снижаем нагрузку на менеджеров за счет автоматизации заказа

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

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

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

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

Что в ней заложено:

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

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

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

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

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

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

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

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

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

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

Прием 5. Решаемся на смелый ход в дизайне

Добавляем яркости в цветовую гамму

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

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

«Удаляем зуб» из логотипа

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

Символ зеркала считывается профессионалами, поэтому при первом взгляде на главную страницу стоматолог понимает, что зашел на нужный сайт.
Разработка интернет-магазина логотип
«5 приемов» звучит как легкая инструкция к достижению быстрых результатов. Конечно, на самом деле работы было много. Но именно так мы смогли создать удобный интернет-магазин для B2B-сегмента. Даже в узкой аудитории не стоит пренебрегать комфортом пользователя, ведь от него напрямую зависит прибыль продавца.
Читайте по теме
1049
Оцените статью
(3.25)

Поделитесь материалом с друзьями и коллегами:

Комментарии к статье

Другие статьи в блоге
Статьи ~ 10 минут на чтение

Почему брендинг важен для каждой компании?

489
30 декабря 2020
Статьи ~ 5 минут на чтение

Команда Uplab: как мы создаем дизайн сайта

635
26 декабря 2020
Статьи ~ 20 минут на чтение

Data Driven: как принимать решения на основе данных

38816
25 декабря 2020
Статьи ~ 10 минут на чтение

Поиск фрилансеров: когда это нужно, и как это сделать?

513
24 декабря 2020
Статьи ~ 10 минут на чтение

Как создать эффективную презентацию?

609
23 декабря 2020
Статьи ~ 10 минут на чтение

Лицензионные фото для сайта: правила поиска

542
21 декабря 2020
Статьи ~ 25 минут на чтение

Юнит-экономика: как оценить успешность бизнеса

60863
18 декабря 2020
Статьи ~ 10 минут на чтение

Топ 10 CRM-систем для крупного и малого бизнеса

1243
10 декабря 2020
Статьи ~ 5 минут на чтение

Кейс-стади FESCO: оптимизируем поведение пользователей на сайте

1121
08 декабря 2020
Статьи ~ 25 минут на чтение

Минимально жизнеспособный продукт: типы, методы, этапы построения

47710
12 ноября 2020