Amela
Vì lý do bảo mật, tên công ty, tên dự án và hình ảnh hệ thống đã được thay bằng tên giả và bản mô phỏng.
Tổ chức Kinh doanh B2B — Câu chuyện Xây dựng Nền tảng

Cơ hội kinh doanh quản lý bằng Excel,sang CRM liên kết với Kanban.

PipeView CRM là nền tảng quản lý pipeline cho tổ chức kinh doanh B2B, liên kết cơ hội (Deal), báo giá, hợp đồng, hóa đơn và thông tin khách hàng trong một CRM duy nhất. Triển khai hơn 10 module bằng React + Antd, hiển thị pipeline cho toàn đội qua UI Kanban cơ hội và tự động tạo liên hoàn từ báo giá đến hóa đơn.

“Cơ hội phụ thuộc cá nhân, xử lý báo giá/hóa đơn rời rạc, CSDL khách hàng phân tán, tổng hợp KPI chậm trễ” — câu chuyện ra mắt một nền tảng hoàn toàn mới, tự xây dựng nội bộ từ đầu trong 10 tháng, đáp ứng đồng thời cả 4 trục mà kinh doanh B2B cần.

Module CRM
10+ Tính năng
Cơ hội / Báo giá / Hóa đơn / Hợp đồng …
UI Pipeline
Kanban
react-trello drag & drop
Tạo tài liệu
Một cú nhấp
Báo giá → Hợp đồng → Hóa đơn
Dashboard KPI
Thời gian thực
chart.js tự động cập nhật
01
CLIENT
Về khách hàng

Một “Tổ chức Kinh doanh B2B” hàng đầu trong nước, dẫn dắt mảng kinh doanh doanh nghiệp.

Tổ chức Kinh doanh B2B xử lý các cơ hội giá trị cao (¥10M–¥50M) cho khách hàng doanh nghiệp thuộc nhiều ngành. Nhân viên kinh doanh quản lý cơ hội trong các file Excel riêng lẻ, và quản lý phải dựa vào họp hằng tuần để nắm tình hình. Báo giá, hợp đồng và hóa đơn được tạo từ các mẫu riêng biệt, không liên kết với cơ hội.

Với mục tiêu “mọi nhân viên kinh doanh chia sẻ cùng một pipeline trên cùng bảng Kanban, và tự động tạo từ báo giá đến hóa đơn ngay từ cơ hội”, chúng tôi đã tự phát triển nội bộ một CRM SaaS. Triển khai hơn 10 module bằng React + Antd, UI Kanban qua react-trello, và dashboard KPI thời gian thực bằng chart.js.

Quy mô cơ hội xử lý
¥10M-50M /cơ hội
Module CRM
10+ Tích hợp tính năng
Ngành phục vụ
Đa ngành TMĐT / Tài chính / Sản xuất / Logistics …
BUSINESS FLOW
01
STEP
Đăng ký cơ hội
Tạo cơ hội gắn với thông tin khách hàng
02
STEP
Tiến hành trên Kanban
Di chuyển giai đoạn: Đề xuất → Đàm phán → Phê duyệt → Hợp đồng
03
STEP
Tự động tạo tài liệu
Tạo báo giá → hợp đồng → hóa đơn chỉ một cú nhấp
04
STEP
Trực quan hóa KPI
Nắm tức thì pipeline, tỷ lệ thắng và doanh thu
02
CHALLENGE
Bài toán thiết kế cần giải

Bốn yêu cầu cấu trúc đặt ra cho nền tảng.

Tất cả đều không phải vấn đề lựa chọn công nghệ, mà là yêu cầu kinh doanh gắn trực tiếp với khả năng nhìn thấy cơ hội, liên kết tài liệu, tích hợp CSDL khách hàng và tính tức thời của KPI.

① Nếu phó mặc quản lý cơ hội cho Excel, sự phụ thuộc cá nhân sẽ ăn sâu

Nếu mỗi nhân viên kinh doanh quản lý cơ hội bằng Excel,quản lý chỉ có thể nắm tình hình qua họp hằng tuần

② Nếu tài liệu được tạo bằng công cụ riêng, tính nhất quán sẽ mất

Nếu báo giá → hợp đồng → hóa đơn được tạo trong các file Word riêng,Kiểm tra nhất quán số tiền, tên khách hàng và hạn mỗi lần đều thành thao tác thủ công.

③ Nếu CSDL khách hàng phân tán theo phòng ban, sẽ phát sinh trùng lặp và mâu thuẫn

cùng một doanh nghiệp bị đăng ký ở nhiều CSDL,Tính nhất quán của dữ liệu master luôn là vấn đề.

④ Nếu tổng hợp KPI theo tháng, quyết định sẽ chậm

Nếu tổng hợp pipeline và tỷ lệ thắng vào cuối tháng,bỏ lỡ cơ hội can thiệp sớm cơ hội ngày càng tăng.

03
ARCHITECTURE
Cấu trúc chúng tôi cùng xây dựng

Biến hoạt động kinh doanh thành một “nền tảng không ngừng trệ” trên bốn lĩnh vực.

Chúng tôi đã tự xây dựng nội bộ nền tảng CRM hỗ trợ hoạt động kinh doanh của Tổ chức Kinh doanh B2B, từ con số không. Cả bốn yêu cầu cấu trúc — trực quan hóa pipeline, liên kết tài liệu, tích hợp CSDL khách hàng và dashboard KPI — đều được cung cấp trong một React SPA duy nhất.

Lĩnh vực ①
Trực quan hóa pipeline
Thách thức
Nếu phó mặc quản lý cơ hội cho Excel, sự phụ thuộc cá nhân sẽ ăn sâu.
Giải pháp
Mọi người chia sẻ cùng một màn hình qua UI Kanban react-trello
Kéo-thả qua 6 giai đoạn (Đề xuất / Đàm phán / Phê duyệt / Hợp đồng), hiển thị kèm % xác suất
Lĩnh vực ②
Liên kết tài liệu
Thách thức
Nếu tài liệu được tạo bằng công cụ riêng, tính nhất quán sẽ mất.
Giải pháp
Cơ hội → Báo giá → Hợp đồng → Hóa đơn, liên kết tự động
Tính năng tạo mẫu (GenerateText) tự động tạo tài liệu từ dữ liệu cơ hội, tự động kiểm tra tính nhất quán
Lĩnh vực ③
Tích hợp CSDL khách hàng
Thách thức
Nếu CSDL khách hàng phân tán theo phòng ban, sẽ phát sinh trùng lặp và mâu thuẫn.
Giải pháp
Master hợp nhất Companies / Contacts
Cấu trúc phân cấp doanh nghiệp × người phụ trách được gom vào một CSDL; mọi cơ hội và hóa đơn đều tham chiếu master này
Lĩnh vực ④
Dashboard KPI
Thách thức
Nếu tổng hợp KPI theo tháng, quyết định sẽ chậm.
Giải pháp
Trực quan hóa thời gian thực bằng chart.js
Lấy dữ liệu trực tiếp bằng react-query; biểu đồ hóa tức thì giá trị pipeline, tỷ lệ thắng và doanh thu
TECH STACK
Frontend
React Ant DesignT react-trello styled-components Bootstrap
State / API
Redux react-query react-hook-form Axios
Viz / Build
chart.js Webpack ESLint
04
IMPACT
Giá trị mà nền tảng tạo ra

“Hiệu suất kinh doanh” của Tổ chức Kinh doanh B2B được tăng tốc.

Nền tảng này liên tục tạo ra các kết quả kinh doanh — khả năng nhìn thấy cơ hội, giảm công việc giấy tờ và KPI tức thì — chứ không chỉ là chỉ số kỹ thuật.

① Nền tảng tối đa hóa khả năng nhìn thấy cơ hội

Quản lý có thể nắm trạng thái mọi cơ hội trên Kanban bất cứ lúc nào, không cần chờ họp hằng tuần.

② Thiết kế giảm tải công việc giấy tờ

Báo giá, hợp đồng và hóa đơn được tạo chỉ bằng một cú nhấp, giúp thời gian bán hàng tập trung vào khách hàng.

③ Cấu trúc tập trung hóa CSDL khách hàng

Master doanh nghiệp × người phụ trách được gom làm một — không trùng lặp hay mâu thuẫn.

④ Thiết kế cho phép can thiệp sớm

Nhờ KPI hiển thị thời gian thực, can thiệp sớm vào cơ hội rủi ro giúp nâng tỷ lệ thắng.

05
DEMO
Ba kịch bản

Trải nghiệm quy trình của Tổ chức Kinh doanh B2B qua demo chạy thật.