B2B-кабинет
для дистрибьютора электронных компонентов
ЭК Поставка — дистрибьютор производителя электронных приборов. Компания обеспечивает авиационную, космическую, железнодорожную и кораблестроительную отрасли электронными компонентами мировых стандартов.
B2B-кабинет для дистрибьютора электронных компонентов
→
→
Склад производителя находится в Китае, а закуп продукции возможен только через официальное партнерство. Для этого на сайте поставщика предусмотрен личный кабинет дистрибьютора.
«ЭКП» поставляет товары только оптовым компаниям, с кем заключено партнерское соглашение. Классический процесс заказа выглядит так:
«ЭКП» поставляет товары только оптовым компаниям, с кем заключено партнерское соглашение. Классический процесс заказа выглядит так:
партнер обращается к менеджеру ЭК Поставки по телефону или почте;
Руководители ЭК Поставки посчитали, что подобная схема архаична и есть способы автоматизировать процесс. Они оказались правы.
менеджер формирует таблицу с артикулами необходимой продукции;
оформляет заказ в личном кабинете на сайте производителя;
вручную выставляет счет партнеру в 1С;
информирует его о статусе заказа по телефону или почте до окончания сделки.
Заказчик обозначил несколько требований:
О проекте
СПЕЦИАЛИСТЫ ПРОЕКТА
1 PM
|
1 PHP
|
1 Front
1 QA
|
Разработка и запуск B2B-кабинета для ЭК Поставки — классический MVP-проект, где все внимание уделено функционалу и скорости релиза. На старте работы нам нужно было проверить гипотезу о возможности автоматизации процессов, и уже после, развивать проект, опираясь на отзывы пользователей.
протестировать гипотезу и убедиться, что производитель предоставляет данные, которые позволят автоматизировать процесс;
уделить внимание скорости работы сервиса и быстрой выдаче результатов запроса. Так как сервисы, которые работают по схожему принципу, производят запросы по многим поставщикам, и срок ожидания составляет до 15−20 минут;
дизайн проекта должен быть минималистичный, при этом интуитивно понятный пользователю.
PHP
Next.JS
СТЕК ТЕХНОЛОГИЙ
MariaDB
Laravel
Redis
Задачи
Автоматизировать работу менеджеров и увеличить количество продаж
Обеспечить клиента актуальной и оперативной информацией о товарах и статусе заказов
Перенести взаимодействие менеджеров и клиентов на единую платформу
Решение
Разработать MVP-версию закрытого В2В-портала с дальнейшим развитием проекта на основе отзывов
Дать возможность менеджерам влиять на итоговую стоимость товаров
Продумать функционал для улучшения клиентского опыта
Внедрить автоматическую наценку индивидуального коэффициента
Разработать функционал для разных ролей: клиенты, менеджеры и руководители
Реализовать поиск товаров по данным, которые предоставляет производитель
Предлагать клиентам товары схожие по характеристикам, отображать сроки доставки и особенности упаковки
детали проектирования
Аналитика и проектирование
Мы собрали требования заказчика и подготовили схему приоритетного функционала B2B-портала.
Прототип
Визуальное отображение процессов помогло нам подготовить прототип будущих страниц сервиса. Эта задача выходила за рамки договоренностей на этапе аналитики, но было важно, чтобы наши представления о продукте совпадали с идеями заказчика.
В итоге, клиент предложил использовать дизайн прототипа в проекте, так как для MVP-версии важнее сроки и функционал, чем яркое оформление.
В итоге, клиент предложил использовать дизайн прототипа в проекте, так как для MVP-версии важнее сроки и функционал, чем яркое оформление.
Вадим Школьный
Аккаунт-менеджер Alto
Аккаунт-менеджер Alto
На старте проекта у нас были сомнения, что идея с интеграцией каталога от производителя реализуема. Чтобы минимизировать риски и избежать лишних затрат, мы проверили гипотезу на тестовых задачах.
Только убедившись, что производитель предоставляет необходимые данные и алгоритм поиска товаров работает корректно, мы приступили к этапу разработки.
Только убедившись, что производитель предоставляет необходимые данные и алгоритм поиска товаров работает корректно, мы приступили к этапу разработки.
Детали разработки
Разработка B2B-кабинета
Если заказчику не принципиальны технологии будущего проекта, то мы погружаемся в задачи и совместно обсуждаем возможные решения. Главная цель — подобрать технологии под конкретные процессы и помочь клиенту оптимизировать ресурсы на разработку.
В случае ЭК Поставки мы рассмотрели 3 варианта
- Готовые B2B-решения
Почти с самого начала мы отказались от этой идеи, так как поняли, что на готовых решениях слишком много лишней логики и функционала, которые будут тормозить проект. Для корректной интеграции с производителем и реализации поставленных задач пришлось бы дописывать существенную часть кода самостоятельно.
- Разработка на 1С-Битрикс с нуля
После глубокого погружения в проект мы также исключили 1С-Битрикс с нуля, так как большая часть функционала, который даёт 1С-Битрикс не будет использоваться на проекте. Остальные решения нужно дорабатывать и менять текущую логику. Также у 1С-Битрикс платная лицензия.
- Разработка на Laravel + Next.JS
Laravel и Next. JS — современные фреймворки, которые позволяют реализовать проект без лишнего кода, логики и функционала. Вместо изменения готовой архитектуры и кода, мы программируем непосредственно под проект с учетом его дальнейшего развития. Таким образом, проект становится быстрым, масштабируемым и современным, что в точности попадало в запрос клиента.
Личный кабинет и права доступа
Чтобы улучшить взаимодействие между пользователями кабинета и эффективно управлять процессами, мы продумали логику и функционал для разных ролей:
Администратор: добавление и управление менеджерами и клиентами
Менеджер: управление статусами заказов
Клиент: доступ к списку заказов и информация о менеджере
Поиск товаров
Мы реализовали два варианта поиска товаров: по одной позиции и загруженным файлом. Алгоритм поиска при этом одинаковый, но во втором случае клиент самостоятельно скачивает готовый шаблон на сайте и заполняет поля с артикулами.
Позиции отображаются с присвоенной с информацией о наличии и сроках доставки. После этого клиент может добавить товары в корзину и оформить заказ.
Позиции отображаются с присвоенной с информацией о наличии и сроках доставки. После этого клиент может добавить товары в корзину и оформить заказ.
Снижение нагрузки на API
Информация о каждом запросе клиента сохранялась в базе данных, что увеличивало нагрузку на API. Поэтому мы внедрили кэширование через Redis.
Теперь, при повторном запросе мы мгновенно извлекаем данные из кэша, не обращаясь к базе данных. Это позволило снизить нагрузку на API и улучшить производительность сервиса.
Теперь, при повторном запросе мы мгновенно извлекаем данные из кэша, не обращаясь к базе данных. Это позволило снизить нагрузку на API и улучшить производительность сервиса.
Товары близкие по содержанию
Часто клиенты ищут товары близкие по содержанию, например, модели микросхем с незначительными отличиями. Чтобы поиск был информативным, сервис предлагает не только точные совпадения по запросу пользователя, но и варианты, схожие по характеристикам.
Это позволило клиентам лучше ориентироваться в ассортименте, даже если изначально они искали конкретную модель.
Это позволило клиентам лучше ориентироваться в ассортименте, даже если изначально они искали конкретную модель.
Зависимость цен от количества товаров
ЭК Поставка сотрудничает только с оптовыми компаниями. С каждым клиентом заключено партнерское соглашение с индивидуальными условиями и ценами.
Теперь менеджеры не тратят время на самостоятельный расчет — после получения цены от поставщика, сервис применяет индивидуальный коэффициент для каждого клиента и товар отображается с актуальной стоимостью.
Теперь менеджеры не тратят время на самостоятельный расчет — после получения цены от поставщика, сервис применяет индивидуальный коэффициент для каждого клиента и товар отображается с актуальной стоимостью.
Норма упаковки
Так как клиенты приобретают товары оптом, сервис автоматически предлагает разные варианты упаковки, чаще всего окрупольенное количество товаров. Эта функция интегрирована во все ключевые элементы кабинета — поиск, оформление заказа и калькулятор.
детали проектирования
Сроки реализации и бюджет
B2B-кабинет Э К Поставки — MVP цель которого протестировать гипотезы. Поэтому ключевой метрикой было время реализации проекта.
Мы не стали углубляться в аналитику, вместо этого сфокусировались на задачах и тестировании. В итоге реализовали проект раньше запланированного срока с меньшими бюджетными расходами
Мы не стали углубляться в аналитику, вместо этого сфокусировались на задачах и тестировании. В итоге реализовали проект раньше запланированного срока с меньшими бюджетными расходами
Итоги проекта
Настройка онлайн-оплат
Стабильная работа сервиса
Автоматизация бизнес-процессов
Освободили менеджеров от наценки вручную
Скорость реализации
Планы
по улучшению
За 2,5 месяца разработали MVP-продукт и сэкономили клиенту бюджет
Планов по улучшению нет, так как MVP-версия выявила сложности в продвижении
Отзыв клиента
«Сотрудничество с компанией Alto оставило у меня положительное впечатление. Взаимодействие с командой оказалось даже лучше, чем я ожидала, и это во многом благодаря профессионализму Романа.
В ходе проекта команде Alto удалось выстроить процесс таким образом, что в формате сотрудничества Time&Material получилось затратить меньший бюджет, чем ожидалось. Это говорит о сильной экспертизе команды, которая участвовала в проекте.
К сожалению, проект, над которым мы работали, был поставлен на паузу. MVP выявило основные сложности в продвижении, и на данный момент их решение не представляется возможным.
На данный момент планов на развитие этого проекта пока нет. Но я уверена, что опыт, полученный в ходе работы с Alto, будет полезен в будущем»
В ходе проекта команде Alto удалось выстроить процесс таким образом, что в формате сотрудничества Time&Material получилось затратить меньший бюджет, чем ожидалось. Это говорит о сильной экспертизе команды, которая участвовала в проекте.
К сожалению, проект, над которым мы работали, был поставлен на паузу. MVP выявило основные сложности в продвижении, и на данный момент их решение не представляется возможным.
На данный момент планов на развитие этого проекта пока нет. Но я уверена, что опыт, полученный в ходе работы с Alto, будет полезен в будущем»
Команда
Роман Т.
Менеджер проекта
Вадим Ш.
Аналитик
Николай П.
Backend-разработчик
Тимур М.
Frontend-разработчик
Backend-разработчик
Никита Б.