B2B личный кабинет для ведущего в России дистрибьютора товаров повседневного спроса
2023
«Агора» — официальный дистрибьютор более чем 100 зарубежных и отечественных производителей товаров для дома, бытовой химии, косметики, средств личной гигиены и других товаров повседневного спроса. Компания работает с мировыми брендами L`OREAL & GARNIER, COLGATE-PALMOLIVE, UNILEVER, KIMBERLY-CLARK, NATURA SIBERICA, UPECO. Ассортимент товаров насчитывает более 13 000 наименований. В «Агоре» оптом закупаются более 3000 компаний и частных предпринимателей со всей России. Среди них крупные торговые сети и онлайн ритейлеры.
Что предстояло сделать?
Проблема
Ранее «Агора» сотрудничала с другим подрядчиком, который разрабатывал и поддерживал их сайты и личные кабинеты. Однако качество работы не отвечало требованиям компании, поэтому руководство приняло решение обратиться к золотому сертифицированному партнёру «1С-Битрикс» — digital-агентству «Vedita».
Цифровая экосистема компании «Агора» состоит из трёх сайтов: agora-market.ru — интернет-магазин с личным кабинетом для розничных продаж. b2b.agoracompany.ru — личный кабинет для оптовых покупателей. agoracompany.ru — корпоративный сайт, на котором размещена информация о компании и каталог товаров для реализации оптовикам. Все сайты требовали доработок, улучшений и дополнительных интеграций.
Задачи
В работе с личным кабинетом B2B нам, по ряду причин, необходимо было переписать весь функционал сайта с Vue.js на язык программирования JavaScript. Также провести редизайн личного кабинета и улучшить его работу.
Переработка программного кода личного кабинета B2B
ход работ 01
Доработать действующий сайт компании «Агора» оказалось невозможным. Он разработан на фреймворке Vue.js. Работа Vue.js заключается в том, что сайт составляется из шаблонов, для которых автоматически прописан код на языке JavaScript. Для внесения правок в сайты, сделанные на этой платформе, необходимо их декомпилировать — перевести код из нечитаемого вида в читабельный код высокого уровня. Поскольку разработчик сайта не оставил исходные материалы, произвести доработки на сайте было нельзя. Кроме того, несколько других компаний также пытались внести изменения в визуал сайта и добавили много лишнего материала, который усложнял работу.
Мы отказались от шаблонов Vue.js в пользу самописного кода. Он позволяет создавать современные и интерактивные пользовательские интерфейсы и без проблем менять их в реальном времени. Все страницы старого личного кабинета были продублированы и доработаны. Это объёмная работа, которая окупила себя: благодаря качественному коду, личный кабинет работает быстрее и становится гибким для доработок.
Мы отказались от шаблонов Vue.js в пользу самописного кода. Он позволяет создавать современные и интерактивные пользовательские интерфейсы и без проблем менять их в реальном времени. Все страницы старого личного кабинета были продублированы и доработаны. Это объёмная работа, которая окупила себя: благодаря качественному коду, личный кабинет работает быстрее и становится гибким для доработок.
Каталог товаров с умным фильтром
ход работ 02
Каталог товаров на сайте выгружается из 1С: Комплексная автоматизация 2.5. В каталоге работает умный фильтр: можно отсортировать товары по производителю, бренду, наличию акций, выбрать диапазон цены. В списке товаров по каждой позиции прописано название, код и штрихкод, артикул, производитель и бренд. Поскольку компания «Агора» на этом сайте работает с оптовыми покупателями, указано количество товаров в упаковке и минимальное количество товара для заказа. При добавлении в корзину можно выбрать способ заказа: поштучно или упаковками.
Для удобства оптовых покупателей мы создали чекбоксы в каталоге: клиент может ставить галочки напротив нужных товаров и одновременно добавлять их в корзину. Такого функционала нет в стандартном наборе возможностей 1С-Битрикс, но наши опытные программисты смогли реализовать такую возможность по запросу клиента. Также есть возможность скачать каталог файлом в excel-формате.
Для удобства оптовых покупателей мы создали чекбоксы в каталоге: клиент может ставить галочки напротив нужных товаров и одновременно добавлять их в корзину. Такого функционала нет в стандартном наборе возможностей 1С-Битрикс, но наши опытные программисты смогли реализовать такую возможность по запросу клиента. Также есть возможность скачать каталог файлом в excel-формате.
Нестандартный функционал добавления товаров в корзину
ход работ 03
Добавить товары в корзину пользователь может не только из каталога. Мы реализовали три других способа. Клиент может загрузить файл в формате XLS, XLXS, а затем выбрать, по каким столбцам необходимо анализировать загруженную таблицу (код/штрихкод/артикул/количество). Далее система производит парсинг — автоматически вычленяет из файла необходимую информацию по заданному шаблону и добавляет нужные товары из каталога в корзину.
Пользователь прямо из корзины может добавить товары из каталога по коду, артикулу или штрихкоду. В начале необходимо выбрать характеристику товара для поиска, затем в специальное поле ввести числа, каждое с новой строки. Если системе удалось найти товар по заданному параметру, строка подсвечивается зелёным. Если нет — красным. Далее производится импорт, и товары добавляются в корзину.
Также мы улучшили функционал поиска. Клиенту в процессе ввода текста выводится список релевантных товаров, из которого можно сразу добавить товар в корзину. Это быстро и удобно.
Пользователь прямо из корзины может добавить товары из каталога по коду, артикулу или штрихкоду. В начале необходимо выбрать характеристику товара для поиска, затем в специальное поле ввести числа, каждое с новой строки. Если системе удалось найти товар по заданному параметру, строка подсвечивается зелёным. Если нет — красным. Далее производится импорт, и товары добавляются в корзину.
Также мы улучшили функционал поиска. Клиенту в процессе ввода текста выводится список релевантных товаров, из которого можно сразу добавить товар в корзину. Это быстро и удобно.
Настройка резервирования товаров и оформления заказа
ход работ 04
У компании «Агора» был запрос на двухэтапное оформление заказов. Когда клиент только сформировал корзину, кнопка «оформить заказ» неактивна. В начале необходимо зарезервировать товары. По нажатию на кнопку «зарезервировать», список товаров отправляется в 1С, происходит синхронизация остатков и цен. Корзина обновляется в соответствии с информацией из 1С, и товары бронируются. В этот момент клиенту уже доступна возможность оформить заказ. Сделать это необходимо в течение 30 минут, иначе бронь сбрасывается.
Повтор заказа без обнуления корзины
ход работ 05
Страница личного кабинета с заказами отображает всю основную информацию о каждой сделке. Наши программисты создали удобный фильтр по статусу, активности, дате. Также мы улучшили функционал повтора заказа. Ранее по нажатию кнопки «повторить заказ», корзина сразу обнулялась и туда добавлялись ранее заказанные товары. Это очень неудобно, если клиент уже добавил рад позиций и хотел просто добавить к ним товары из старого заказа. Специалисты digital-агентства «Vedita» создают сервисы, которые упрощают жизнь вам и вашим клиентам. Мы решили проблему обнуления корзины и предоставили пользователям выбор: они могут повторить заказ и полностью обновить корзину, либо добавить товары к уже сформированной.
Результаты работы
Специалисты digital-агентства «Vedita» смогли исполнить самое главное пожелание представителей компании «Агора» — гибкий для доработок и изменений сайт. Мы полностью переписали его на самописный код и доработали. Теперь любые правки вносятся быстро и удобно, поэтому клиент решил продолжить работу с нами и заказал редизайн сайта. Мы рады, что наши компетенции вносят положительные изменения в работу бизнеса.
Компания «Агора» — постоянный клиент digital-агентства «Vedita», а работа с сайтом для B2B продаж — не первый проект, который мы реализовали. Клиент обращается к нам снова и снова — это лучший показатель качества.
Компания «Агора» — постоянный клиент digital-агентства «Vedita», а работа с сайтом для B2B продаж — не первый проект, который мы реализовали. Клиент обращается к нам снова и снова — это лучший показатель качества.
Услуги
Разработка сайтов
от 654 000 ₽
Интеграции 1С с внешними сервисами и системами
Лицензии и ПО
Похожие проекты