BI / Analytics · No.37

从线索到赢单,全程可视

商机在管道中流动,配额在仪表盘上逼近,金银铜排行榜实时刷新——绿色赢单、红色输单、蓝色推进、橙色受阻,状态即语言。

季度配额达成

78% 目标 ¥3,000,000 · 剩余 22 天
华宇集团 · ERP 续约
¥420,000
洽谈中
星辰科技 · 年度套餐
¥280,000
已赢单
北方物流 · 数据平台
¥190,000
受阻

销售排行榜 · 本季度

1陈晓 · 华东大区¥288 万配额 96%
2李强 · 华南大区¥264 万配额 88%
3赵敏 · 华北大区¥243 万配额 81%

赢单率 32.4% · 预测准确率 91% · 平均成单周期 26 天

  • 类别 BI / Analytics
  • 年代 2020s Modern
  • 复杂度 中等
  • 最适合 CRM 看板 · 商机追踪 · 配额管理

风格特性

销售看板的三种张力:管道、配额、竞榜。

管道看板

Kanban 商机卡以 4px 状态左边框编码阶段:蓝色推进、绿色赢单、橙色受阻,扫一眼就知道钱卡在哪。

配额仪表

SVG 圆弧仪表用 stroke-dashoffset 扫入达成率,灰色轨道 + 蓝绿渐变填充,目标与缺口同屏呈现。

金银铜排行

#FFD700 / #C0C0C0 / #CD7F32 三色徽章 + 配额进度条构成排行榜,名次变化以动效强调。

按钮与控件

状态徽章即销售语言:赢单、输单、推进、受阻。

已赢单 已输单 洽谈中 受阻

录入新商机

三十秒入库,立即进入管道与预测计算。

保存后自动计入管道金额与赢率预测

配色板

状态四色 + 金银铜名次色。

赢单绿#16A34A
输单红#DC2626
推进蓝#2563EB
受阻橙#EA580C
冠军金#FFD700
季军铜#CD7F32

字体级阶

Plus Jakarta Sans 带来进取感,Inter 稳住信息密度。

Display · Plus Jakarta Sans 800 · 44px配额达成 78%
Heading · Plus Jakarta Sans 800 · 24pxQ3 销售管道总览
Body · Inter 400 · 16px本季度管道总额 ¥1,860 万,加权预测 ¥940 万;华东大区领跑,剩余 22 天需再赢单 ¥66 万即可达标。
Label · Inter 700 · 12pxPipeline · Win Rate 32.4%