CRM для оптовой компании под процесс

Экраны продукта 06

01 Воронка сделок
02 Карточка клиента
03 Счета и накладные

04 Звонки с записью
05 Дашборд маржи
06 Роли доступа

О проекте

CRM для оптовой компании, которая заменяет несколько отдельных сервисов одним интерфейсом. Сделка проходит путь от заявки до оплаты, а менеджер видит всё о клиенте в одной карточке.

Воронка сделок Этапы «заявка → счёт → отгрузка → оплата» с перетаскиванием карточек.
Документы Счета и накладные формируются из данных сделки по шаблону.
Телефония Звонки через Twilio прикрепляются к сделке вместе с записью.
Роли и доступы Менеджер, склад и руководитель видят только свои данные и действия.

01 · Задача

Три отдельных сервиса — CRM, склад и телефония — не импортировали данные друг в друга. Менеджеры вели сделки в Excel, а руководство не видело реальной маржи.

02 · Что мы сделали

Построили кастомную CRM на React + Node.js: воронки под процесс опта (заявка → счёт → отгрузка → оплата), интеграция телефонии с записом звонков, роли доступа и дашборды маржи в реальном времени.

Было CRM, склад и телефония не обмениваются данными, сделки ведут в Excel.

Стало Одна CRM: сделка проходит заявку, счёт, отгрузку и оплату.
Было Звонки живут отдельно от сделок.

Стало Звонок прикрепляется к сделке вместе с записью.
Было Руководство не видит реальной маржи.

Стало Дашборд маржи в реальном времени.

03 · Путь клиента

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

Приходит заявка

Менеджер открывает сделку — всё о клиенте в одной карточке.
Счёт по шаблону

Документ формируется из данных сделки.
Отгрузка

Склад видит только свои данные и действия по сделке.
Оплата и маржа

Сделка закрывается, руководитель видит маржу на дашборде.

04 · Что внутри проекта

Воронка под опт: заявка → счёт → отгрузка → оплата
Роли доступа и история коммуникаций по сделке
Дашборд со стоимостью сделок и разбивкой по этапам

Прогноз

За 2–3 месяца менеджеры тратят на документы и остатки на 30–40% меньше времени, а ни один заказ не теряется между Excel и мессенджерами. Это ориентир, а не обещание.

05 · Архитектура

Как устроен продукт: от того, что видит пользователь, до данных и сервисов, с которыми он работает.

Пользователь Открывает сайт с телефона или компьютера
Интерфейс Что видит и нажимает человек
- React
Логика Правила, роли и сценарии
- Node.js
Данные и интеграции Где лежат данные и с чем обменивается продукт
- PostgreSQL
- Twilio API

06 · Как строится такой проект

Итого: 14 недель

01 ≈ 1 нед. Бриф и исследование Цели, аудитория, структура страниц и что должен делать продукт
02 ≈ 4 нед. UX/UI-дизайн Прототип, дизайн ключевых экранов и мобильной версии
03 ≈ 6 нед. Разработка Вёрстка, CMS, интеграции и анимации
04 ≈ 2 нед. QA и запуск Проверка на устройствах, скорость, SEO-база и запуск

Типовое распределение этапов для проекта такого объёма

07 · Услуги в этом проекте

Следующий проект Wrenhaven Capital · 2024 Анимированный сайт инвесткомпании Финансы и инвестиции

Решения под конкретную задачу

Готовые сценарии под ваш случай — с примерами и ориентировочными ценами.

/ Портфолио /

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

Все проекты →

Milevra, 2024

SaaS-дашборд для логистики

Карта, роли и публичный API в одном дашборде

Веб-приложение для отслеживания грузов: карты в реальном времени, роли и доступы, API для клиентов компании. Разработка — 16 недель, деплой с CI/CD.

ReactNode.jsPostgreSQL

Rutynik, 2024

Платформа автоматизации бизнес-процессов

Конструктор процесса: заявка → договор → оплата

Визуальный конструктор процессов на Vue: заявка → сделка → договор → оплата без ручных операций. Более 40 шаблонов автоматизаций для клиентов.

Vue 3n8nPython

Верхава, 2023

Сайт горного ресторана и отеля

Бронирование столиков и номеров с админкой меню

Атмосферный сайт с онлайн-бронированием столиков и номеров, обновляемым меню и многоязычностью. Запуск — за 6 недель с проверкой скорости перед сдачей.

AstroSanityCalendly API