SYNAPSTER AI

CRM для газосервисной компании (Сочи)

Заказчик вёл сложный процесс: заявки, коммерческие предложения, договоры, проектирование, согласования в надзоре, закупки и склад, монтаж и ввод объекта. Нужна была единая система, чтобы видеть статусы и сроки, не терять документы и деньги и при этом не дублировать учёт вручную.

Задача

Свести воронку продаж, исполнение по объекту и финансы в одном интерфейсе. Поддержать сценарий: КП → договор → этапы оплат → проектирование и согласования → снабжение и склад → монтаж → закрытие. Дать клиенту прозрачность через личный кабинет. Заложить обмен с 1С и отчётность для руководства.

Решение

Реализована веб‑CRM на современном фронтенд‑стеке: быстрый SPA на Vite + React + TypeScript, предсказуемое состояние и запросы к API (Zustand, TanStack Query), формы с валидацией (React Hook Form, Zod). Интерфейс адаптивный, с отдельной зоной для клиентского портала и основным приложением для сотрудников.

Что сделано в продукте

  • Дашборд и аналитика: KPI, воронка, динамика лидов, разрезы по каналам и менеджерам, интеграция с метриками рекламы (в т.ч. блок под Яндекс Директ), оповещения по рискам.
  • Продажи: клиенты, сделки, лиды, детальные карточки; канбан на @dnd-kit.
  • Документы и финансы: КП и договоры, генерация документов, оплаты и привязка к этапам.
  • Проекты и качество: карточки проектов, SLA, согласования (approvals).
  • Операционка: склад, монтаж/установка, файловый архив.
  • Интеграции и данные: экран синхронизации с 1С, мастер импорта данных, расширенные отчёты.
  • Доступ: вход, роли, отдельная страница прав; клиентский портал (/portal) с отдельной оболочкой.
  • Надёжность: error boundary, единые состояния загрузки и пустых данных.

Технологии

React 18, TypeScript, Vite, React Router, TanStack Query, Zustand, React Hook Form, Zod, Tailwind CSS, Axios, Framer Motion, Recharts; drag‑and‑drop для канбана — @dnd-kit. Фичи можно включать через переменные окружения (VITE_FEATURE_*), что удобно для поэтапного внедрения.

Итог

Заказчик получает не «табличку в Excel», а специализированную CRM под газосервис: от лида до монтажа, с опорой на учёт в 1С, дисциплиной по SLA и понятным интерфейсом для сотрудников и клиентов.