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