Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке
![Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке](/upload/iblock/529/xwr35mxw80bbtu23z6ggtoverf2k5wvxk.jpg.pagespeed.ic.zUFqB2-Vsk.jpg)
А если вы продаете как B2B, так и B2C-клиентам? Можно, конечно, разработать два разных сайта, но это в два раза больше работ по их технической поддержке. А что, если объединить на одной площадке оба эти направления?
Именно с таким вызовом и столкнулась команда Digital Clouds в процессе сотрудничества с компанией Meesenburg. Как нам удалось объединить 2 направления (B2B и B2C) в рамках одного интернет-магазина — рассказываем в этой статье.
Новый дизайн с упором на UX
Для согласования общей стилистики проекта мы сделали мудборд, на котором разместили сайты схожей тематики, шрифты и цвета из брендбука клиента, иконки. После согласования мудборда приступили к разработке прототипов. На этом этапе мы продумывали логику взаимодействия пользователя, насколько понятны и удобны для него будут сценарии взаимодействия. Важно было сделать прототипы для целевых страниц: каталог, детальная страница товара, некоторые страницы личного кабинета и др.
При разработке дизайна главной страницы мы опирались на брендбук клиента и согласованный мудборд. Мы решили разнообразить цвета и шрифты из брендбука и добавили фоновые паттерны, а также создали стилистику баннеров с геометрическими фигурами и ярким акцентом.
![Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке](/upload/medialibrary/1bf/x4ati568soa6t6ub1fph6acn36jats5r4.png.pagespeed.ic.-fH7Y7Nt_S.png)
Поскольку этот проект из разряда сложного e-commerce, на внутренних страницах здесь очень много информации. При этом нельзя забывать, что интернет-магазин для B2B и B2C-клиентов должен быть в первую очередь простым и понятным, поэтому дизайн внутренних страниц было решено сделать сдержанным и с упором на продуманное пользовательское взаимодействие. Только в истории заказов получилось 100+ макетов, поскольку в функционал были заложены три роли пользователей, для каждой из которых были предусмотрены разные статусы и разные действия.
Кроме этого, в процессе оформления заказа клиент заложил возможность заказа на два адреса. Такое мало где встречается, поэтому мы провели тщательный ресерч, а после отрисовки макетов провели коридорные тесты.
Микросервисы и объединение B2B и B2C-сегментов в одном портале
В ходе проектирования было принято решение использовать микросервисную архитектуру для возможности дальнейшего масштабирования функционала и параллельной разработки разных фичей без сильного ущерба друг для друга.
Еще одним важным преимуществом микросервисной архитектуры является ее высокая отказоустойчивость — неполадки в отдельных сервисах не мешают всему рабочему процессу.
Одним из наиболее сложных моментов в реализации было объединение и одновременное разделение бизнес-процессов для физических и юридических лиц, которые были необходимы клиенту.
В рамках проведенных работ мы реализовали:
● дополнительные фичи для юридических лиц, такие как возможность создания пользовательских артикулов и рекламаций, оформление заказа по подписке, настройка отсрочки оформления заказа и его корректировка в период отсрочки;
![Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке](/upload/medialibrary/e7d/x0b6xeuh9q11dngcp1j6bgzkbhbiftc09.png.pagespeed.ic.zUc48rLbyQ.png)
● разную процедуру оформления заказа — для физических и юридических лиц доступны разные способы оплаты, а также внедрены некоторые внутренние процессы, которые не видны пользователю;
● возможность создания для одного пользователя нескольких контрагентов и переключения между ними.
Для решения этой задачи была реализована достаточно обширная ролевая система, которая разграничивает доступ пользователя в зависимости от роли (авторизованный или неавторизованный) и типа авторизованного пользователя (физическое лицо, ООО, ИП).
Читайте также: Задача – нарастить продажи строительного оборудования: как крупная торговая компания решила ее с помощью мотивационной платформы
Ценообразование и удобные фичи для пользователей
Чтобы покупатель мог в реальном времени видеть актуальные цены, было принято решение перенести на сайт уже существующую в 1С логику. Этот непростой и трудоемкий процесс, поскольку необходимо было учесть довольно много нюансов, таких как валюты, скидки, типы цен и т.д.
Из интересных и необычных фичей, которые клиент захотел реализовать, можно выделить автоматическое сопоставление пользовательских артикулов с артикулами сайта для B2B-сегмента. Юридические лица часто производят закупки большими сметами, которые могут долго не меняться. Чтобы делать это было легко и удобно, мы реализовали возможность для каждого пользователя сопоставить его сметные артикулы с актуальными на сайте.
Это значительно экономит время, ведь больше не нужно каждый раз переделывать сметы с актуальными артикулами — пользователю достаточно загрузить файл со своей сметой, а система автоматически произведет сопоставление с артикулами сайта и выдаст соответствующие товары для добавления в корзину.
![Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке Интернет-магазин для B2B и B2C-клиентов: как объединить оба направления на одной площадке](/upload/medialibrary/23e/x3c0hk87pcol05yk8ust3tzjitletrpq2.png.pagespeed.ic.Mlf-MO_vhQ.png)
В итоге был разработан крупный современный интернет-магазин, ориентированный на B2B и B2C-сегмент пользователей. На текущий момент проект находится на этапе ввода в эксплуатацию.
«Это уже наш второй проект с Digital Clouds: первый мы делали еще в 2020-2021 году и уже тогда мы поняли, что работаем с профессионалами в своем деле. Начальная концепция сайта была B2B, но в процессе написания ТЗ мы поняли, что хотим объединить B2B и B2C в одном сайте. Конечно такое решение технически оказалось более сложным, чем запуск обычного B2B сайта. В процессе разработки были изменения в логике тех или иных модулей, сервисов. Но при этом, обсуждая каждое из изменений с командой разработчиков, мы всегда находили компромисс. Итоговый результат ровно такой, на который мы изначально рассчитывали. Сайт постепенно обретает новых клиентов, и мы будем продолжать сотрудничество с командой Digital Clouds», – Макаревич Александр, технический директор ООО «Меезенбург».
![Как за 3,5 месяца запустить интернет-магазин продуктов Как за 3,5 месяца запустить интернет-магазин продуктов](/upload/medialibrary/2a5/65x69xzr7yky79ufjjucevag5l02v2vbmh031y.jpg.pagespeed.ic.V1Eroqad9i.jpg)
Подробно ознакомиться с деталями разработки интернет-магазина для Meesenburg можно на странице кейса.
В Digital Clouds мы стремимся не просто создавать цифровые продукты, но и решать конкретные бизнес-задачи своих клиентов. С другими нашими кейсами можно познакомиться на сайте dclouds.ru.
Последние новости
Самое популярное
-
Тренды молочного рынка в 2025 году: часть II
-
Как настройка интернет-эквайринга влияет на прибыль бизнеса в E-commerce
-
Полная корзина красоты: кто и как продает косметику на Wildberries
-
Как устроена «Реклама на маркетплейсах» в «Яндекс.Директе»
-
Как перейти на налоговый мониторинг за 6 месяцев: опыт «Татспиртпром»