Проект - Разработка личного кабинета для B2B клиентов
Elec-mart – дистрибьюторская компания, являющаяся одним из звеньев во всемирной системе сбыта комьютерной продукции от производителя до конечного потребителя.
- Клиент
- Elec-mart
- Год
- 2024
- Услуги
- Разработка ЛК
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252F3ytly_Frame%25205.jpg%3Falt%3Dmedia%26token%3D7e47f0ab-27bc-4422-99e9-a34ce49ab9b9&w=3840&q=90)
Описание проекта
Проблемы клиента:
- Значительно увеличилось количество заказов, а компания принмала закзаы с помощью старого сайта с минимальным набором функций, обработка заказов занимала много времени;
- Заказы оформлялись вручную и заносились в систему, разработанную 15 лет назад. На работу с каждым заказом тратилось много времени и некоторые из них терялись, а значит, терялись клиенты и прибыль.
- Документации не было «под рукой». Менеджер должен был обработать обращение, найти документ в базе и только затем отправить заказчику. Уровень сервиса находился на низком уровне.
- Сотрудники уставали из-за больших объемов монотонной работы, совершали ошибки,
Компании сложно расти и масштабировать бизнес. Менеджеры заняты рутиной и на внедрение новых идей времени уже не было.
Задачи:
- Разработка нового В2В кабинета;
- Интеграция с индивидуальным решением на базе 1С:Предприятие.
Решение
-
С помощью разработки B2B кабинета повысить уровень самообслуживания для клиентов.
-
Настроить автоматический обмен данными с внутренней системой учета компании (на базе 1С:Предприятие).
Кроме этого были выделены следующие цели проекта:
-
быстрый запуск площадки;
-
удобство пользования сайтом, простота, минимализм;
высокое быстродействие кабинета;
-
быстрый доступ к заказу и его состоянию;
-
настройка индивидуальных цен для каждого клиента.
-
интеграция B2B кабинета с системой 1С:Предприятие, автоматическая загрузка информации о товарах, остатках, ценах, скидках, заказах.
-
отображение финансовой информации для клиента.
Работы
Пользовательский интерфейс и общие элементы
-
Вход в систему;
-
регистрация пользователя;
-
страница восстановления пароля;
-
программирование функционала аутентификации пользователей с помощью мобильного телефона и СМС;
-
общие элементы страниц (главное меню, шапка, подвал);
-
создание и развертывание статических страниц системы (Правила использования, Политика конфиденциальности, Страница дилера);
-
создание страниц «Новости»«Акции»;
-
программирование функционала страницы «Прайс-лист».
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Fo6a4i_%25D0%25BF%25D1%2580%25D0%25BE%25D1%2584%25D0%25B8%25D0%25BB%25D1%258C(3).jpg%3Falt%3Dmedia%26token%3D066903f6-3af1-40c8-9034-443057793629&w=3840&q=75)
Личный кабинет и управление пользователями
-
Страница «Профиль пользователя»;
-
страница «Контактные лица» - список сотрудников Партнера имеющих различные права доступа к системе;
-
страница «Юридические лица» - список юридических лиц Партнера;
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Fg782z_%25D0%25BA%25D0%25BE%25D0%25BD%25D1%2582%25D0%25B0%25D0%25BA%25D1%2582%25D0%25BD%25D1%258B%25D0%25B5%2520%25D0%25BB%25D0%25B8%25D1%2586%25D0%25B0.jpg%3Falt%3Dmedia%26token%3D9e2f2638-7ce8-436a-a6ea-7965f3c8ae2f&w=3840&q=75)
Каталог товаров
- Список товаров, категории, фильтры по различным критериям;
- карточка товара;
- остатки товаров по складам
- индивидуальные цены для клиентов;
- скидки, акции, новинки;
- запрос индивидуальных скидок, коммуникация с менеджером, утверждение скидки.
- страница «Сравнение товаров»;
- страница «Избранное».
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Fvh3kf_%25D0%25B3%25D0%25BB%25D0%25B0%25D0%25B2%25D0%25BD%25D0%25B0%25D1%258F%252014.jpg%3Falt%3Dmedia%26token%3Dfc7727f0-0cc3-4fb3-b7fe-c6620517e41d&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Ffjfl4_%25D1%2581%25D1%2580%25D0%25B0%25D0%25B2%25D0%25BD%25D0%25B5%25D0%25BD%25D0%25B8%25D0%25B5.jpg%3Falt%3Dmedia%26token%3D91c78fd0-3b94-4bbd-984b-df438e9bf984&w=3840&q=75)
Корзина и оформление заказа
- Добавление товаров в корзину;
- оформление заказа;
- варианты оплаты (счет на оплату, банковская карта);
- варианты доставки (самовывоз, доставка силами продавца);
- различные варианты скидок.
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Fgs0yx_%25D0%25B7%25D0%25B0%25D0%25BA%25D0%25B0%25D0%25B7%25D1%258B.jpg%3Falt%3Dmedia%26token%3Dfafe3d94-ec5d-4768-865d-35fbf83b172d&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Fggrks_%25D1%2581%25D1%2587%25D0%25B5%25D1%2582%25D0%25B0%2520(%25D0%25BF%25D0%25BE%25D0%25B4%25D1%2580%25D0%25BE%25D0%25B1%25D0%25BD%25D0%25B5%25D0%25B5).jpg%3Falt%3Dmedia%26token%3De45f5ae4-0d2b-4c54-a3a2-0948878c0af2&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252F7rry0_%25D0%25BA%25D0%25BE%25D1%2580%25D0%25B7%25D0%25B8%25D0%25BD%25D0%25B0%2520(%25D1%2581%25D0%25BF%25D0%25B8%25D1%2581%25D0%25BE%25D0%25BA).jpg%3Falt%3Dmedia%26token%3D9df7737d-61f6-48c1-b8e1-f6a000ee037a&w=3840&q=75)
Финансы и договоры
-
Страница «Список договоров»;
-
Страница «Платежи»;
-
Страница «Баланс»;
-
Программирование функционала страниц раздела «Финансы».
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Fqms1w_%25D0%259F%25D0%25BB%25D0%25B0%25D1%2582%25D0%25B5%25D0%25B6%25D0%25B8.jpg%3Falt%3Dmedia%26token%3D9387b5f1-8900-4ae0-ae02-9d6f1a5b555e&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252F8p74u_%25D0%2594%25D0%25BE%25D0%25B3%25D0%25BE%25D0%25B2%25D0%25BE%25D1%2580%25D1%258B.jpg%3Falt%3Dmedia%26token%3D54a62ea0-2399-454c-a645-e95d930c4bf8&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Fedm39_%25D0%2591%25D0%25B0%25D0%25BB%25D0%25B0%25D0%25BD%25D1%2581.jpg%3Falt%3Dmedia%26token%3D38a4d48a-9a9e-4bdc-bb4a-6f8f9f4575f1&w=3840&q=75)
Интеграция B2B кабинета с системой 1С:Предприятие
- Разработка библиотеки классов php для работы с backend API на базе 1С, предоставленного Заказчиком;
- загрузка каталога товаров из 1С;
- выгрузка заказов в 1С;
- автоматическая загрузка информации об остатках, ценах, скидках и прочее;
- загрузка из 1С финансовых показателей клиента (обороты за различные периоды, дебиторская/кредиторская задолженность, пороговые значения оборота для получения нового уровня скидки и пр.)
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Frm6we_%25D0%25B2%25D1%258B%25D0%25BF%25D0%25B0%25D0%25B4%2520%25D1%2583%2520%25D1%2583%25D0%25B2%25D0%25B5%25D0%25B4%25D0%25BE%25D0%25BC%25D0%25BB%25D0%25B5%25D0%25BD%25D0%25B8%25D0%25B9.jpg%3Falt%3Dmedia%26token%3D06abe6fe-a00b-46d1-9e0d-c952650a6af6&w=3840&q=75)
![](/_next/image?url=https%3A%2F%2Ffirebasestorage.googleapis.com%2Fv0%2Fb%2Fitdelta-web-site-3.appspot.com%2Fo%2Fimages%252Ffplfa_%25D0%25BA%25D0%25BE%25D0%25BD%25D1%2582%25D1%2580%25D0%25B0%25D0%25B3%25D0%25B5%25D0%25BD%25D1%2582%25D1%258B.jpg%3Falt%3Dmedia%26token%3D4dcd7732-0371-4cfb-9ed5-d6cf70714dee&w=3840&q=75)
Результат
Заказчик получил полноценный B2B кабинет. Стала возможным обработка большего числа заказов. Автоматизировали многие рутинные процессы.
Клиенты используют удобную, современную платформу с доступом к документации, что экономит время менеджеров.
Технологии
- Frontend (React.js)
- Backend (Laravel)
- Docker
- 1C:Управление торговлей
- Git
- MySQL