+7 (495) 220-02-45

Free Lines — личный кабинет

B2B-портал для клиентов логистической компании: заявки, документы, аналитика и кастомная двусторонняя интеграция с 1С

lk.free-lines.ru
Free Lines — личный кабинет
Логистика
Vue.jsPHP

Разработали B2B-личный кабинет поверх коробочного Битрикс24: SPA на Vue 3 с OAuth2-авторизацией, управление заявками и документами, дашборд аналитики и кастомная двусторонняя интеграция с 1С через REST API и FTP.

Задача

Дать клиентам логистической компании Free Lines единое онлайн-пространство для работы с заявками и документами: без звонков менеджеру получать актуальные статусы, скачивать документы и отслеживать ход перевозок. Данные должны синхронизироваться с учётной системой 1С в реальном времени.

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

Технологии

Vue.jsPHPMySQLБитрикс24

Интеграции

О проекте

Free Lines — логистическая компания. Личный кабинет стал основным инструментом взаимодействия B2B-клиентов с компанией: заявки, документы, уведомления и аналитика собраны в одном интерфейсе. Бэкенд построен на базе коробочного Битрикс24, фронтенд — SPA на Vue 3.

Интеграция с 1С

Интеграция с 1С реализована по кастомному протоколу. Из 1С в личный кабинет по REST API поступают заявки, статусы, документы, тарифы, бонусы, данные пользователей и уведомления. Обратная выгрузка новых и изменённых пользователей в 1С происходит автоматически по событиям Битрикс24.

Авторизация и роли

Вход — через OAuth2 с Bearer-токенами и прозрачным обновлением сессии по refresh-токену. В системе несколько типов пользователей с разными правами и интерфейсами: клиент (компания), менеджер, РОП, коммерческий директор. Менеджер может войти под учётной записью клиента без передачи пароля и видеть его личный кабинет, но без права действовать от имени клиента.

Возможности кабинета

  • Список заявок с фильтрами, детальная карточка с маршрутом, задачами и статусами в реальном времени.
  • Документы: просмотр, загрузка, выгрузка в 1С с отметкой об отправке.
  • Уведомления с лентой и детальным просмотром.
  • Аналитика: дашборд с ключевыми показателями и финансовыми индикаторами на базе Chart.js.
  • Бонусная программа лояльности с историей начислений и заказом сертификатов.
  • Голосования по заявкам и форма обратной связи.
  • Расписание машин и рекламные слоты для коммуникации с клиентами.

Для бизнеса

  • Двусторонняя синхронизация с 1С: данные актуальны без ручного переноса между системами.
  • Менеджерский режим: сотрудник компании работает под учётной записью клиента для оперативной помощи.
  • Гибкая модель прав: каждый пользователь видит только те разделы и функции, которые доступны по его роли.
  • OAuth2 с refresh-токенами обеспечивает безопасную сессию без повторного входа.

Другие проекты

3D-конфигуратор шкафов для ПРАКТИК PROFI
Vue.jsVerge3DLaravel
Промышленное оборудование

3D-конфигуратор шкафов для ПРАКТИК PROFI

Браузерный конфигуратор шкафов для инструментов с 3D-визуализацией, дилерской инфраструктурой и AR-режимом на мобильных устройствах

Техническая поддержка сайта LaggarTT (METEOR)
1С-Битрикс
Отопительное оборудование

Техническая поддержка сайта LaggarTT (METEOR)

Сопровождение и развитие корпоративного сайта компании

ПРАКТИК Home
1С-БитриксPHP
Мебель и интерьер

ПРАКТИК Home

Сайт-витрина производителя гардеробных систем с каталогом, дилерской сетью и 3D-конфигуратором

ПРАКТИК Home — 3D-конфигуратор
Vue.jsVerge3DLaravel
Мебель и интерьер

ПРАКТИК Home — 3D-конфигуратор

Браузерный конфигуратор гардеробных с дилерской инфраструктурой

PROMET DOOR
1С-БитриксPHP
Строительство и ремонт

PROMET DOOR

Сайт-витрина производителя металлических входных дверей с каталогом, дилерской сетью и B2B-инструментами

ПРАКТИК Office
1С-БитриксPHP
Мебель и интерьер

ПРАКТИК Office

Сайт-витрина российского производителя корпусной мебели для офисов, гостиниц и спортивных объектов

ANCOR
1С-БитриксPHPTwig
HR и рекрутмент

ANCOR

Корпоративный сайт крупнейшего HR-холдинга: поиск работы, конструктор резюме, сервисы для работодателей и интеграция с корпоративной ATS

Ormco
LaravelPHP
Медицина

Ormco

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

Обучение с Ormco
IonicVue.jsCapacitor
Медицина

Обучение с Ormco

Кроссплатформенное мобильное приложение для врачей-ортодонтов: поддержка legacy-версии в период миграции платформы и разработка новой версии с переработанным UX.

Orthodontia
LaravelPHP
Медицина

Orthodontia

Образовательная платформа для врачей-ортодонтов на Laravel: переход с UMI.CMS, параллельная поддержка legacy API, перенос существующих интеграций и новый REST API для мобильного приложения.

3D-конфигуратор шкафов для ПРАКТИК PROFI
Vue.jsVerge3DLaravel
Промышленное оборудование

3D-конфигуратор шкафов для ПРАКТИК PROFI

Браузерный конфигуратор шкафов для инструментов с 3D-визуализацией, дилерской инфраструктурой и AR-режимом на мобильных устройствах

Техническая поддержка сайта LaggarTT (METEOR)
1С-Битрикс
Отопительное оборудование

Техническая поддержка сайта LaggarTT (METEOR)

Сопровождение и развитие корпоративного сайта компании

ПРАКТИК Home
1С-БитриксPHP
Мебель и интерьер

ПРАКТИК Home

Сайт-витрина производителя гардеробных систем с каталогом, дилерской сетью и 3D-конфигуратором

ПРАКТИК Home — 3D-конфигуратор
Vue.jsVerge3DLaravel
Мебель и интерьер

ПРАКТИК Home — 3D-конфигуратор

Браузерный конфигуратор гардеробных с дилерской инфраструктурой

PROMET DOOR
1С-БитриксPHP
Строительство и ремонт

PROMET DOOR

Сайт-витрина производителя металлических входных дверей с каталогом, дилерской сетью и B2B-инструментами

ПРАКТИК Office
1С-БитриксPHP
Мебель и интерьер

ПРАКТИК Office

Сайт-витрина российского производителя корпусной мебели для офисов, гостиниц и спортивных объектов

ANCOR
1С-БитриксPHPTwig
HR и рекрутмент

ANCOR

Корпоративный сайт крупнейшего HR-холдинга: поиск работы, конструктор резюме, сервисы для работодателей и интеграция с корпоративной ATS

Ormco
LaravelPHP
Медицина

Ormco

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

Обучение с Ormco
IonicVue.jsCapacitor
Медицина

Обучение с Ormco

Кроссплатформенное мобильное приложение для врачей-ортодонтов: поддержка legacy-версии в период миграции платформы и разработка новой версии с переработанным UX.

Orthodontia
LaravelPHP
Медицина

Orthodontia

Образовательная платформа для врачей-ортодонтов на Laravel: переход с UMI.CMS, параллельная поддержка legacy API, перенос существующих интеграций и новый REST API для мобильного приложения.

Готовы обсудить вашу задачу?

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

Ваше имя
Email
Телефон
Адрес сайта