VD Pro

VD Pro – одно из дочерних подразделений крупного поставщика запчастей, компании Волгадеталь. Данное подразделение ориентировано на оптовую торговлю автозапчастями по территории РФ.

Уже имея интернет-магазин для розничной торговли, у компании появилась потребность создания специализированной оптовой системы для быстрого формирования заказов оптовыми покупателями. Основным приоритетом стала автоматизация бизнес-процессов продажи и отгрузки товаров для минимизации рутинного труда сотрудников компании.

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

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

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

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

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

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

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

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

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

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

Тем не менее, чтобы можно было быстро найти интересующий раздел, мы реализовали удобный поиск, который работает на AJAX без лишней перезагрузки страницы каталога.

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

При переходе на выбранный бренд, пользователь попадает в каталог с установленным фильтром по бренду и имеет возможность оперативно изменить свой выбор, без необходимости возврата.

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

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

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

Карточка товара была реализована в 2-х вариантах: в виде всплывающего окна открывающегося для быстрого просмотра без перехода, а также в виде полноценной страницы с отдельным url.

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

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

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

Завершает страницу карточки блок показывающий местонахождение просматриваемого товара относительно общей иерархии каталога.

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

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

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

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

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

При оформлении заказа по каждому складу создается отдельный заказ с выбранным способом доставки и оплаты, а также уникальным идентификатором для выгрузки в 1С.

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

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

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

В разделах с персональными данными и адресами доставки можно изменить сохраненные данные пользователя, которые используются для автоподстановки в поля при оформлении заказа и откорректировать сохраненные адреса доставки.

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

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

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

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

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

Итогом разработки стала запущенная MVP версия проекта, которая позволила определить приоритетные направления разработки в рамках развития на основе наиболее запрашиваемого пользователями функционала. Была проведена сложная кастомная интеграция проекта с учетной системой 1С УТ, включающая в себя регулярную выгрузку товаров, их цен и остатков, двухсторонний обмен заказами, отгрузками и рекламациями.

Разработанная нами B2B платформа уже помогает: