Growth Dashboard 交互示例
这是一个演示电商增长指标看板的交互示例,使用纯 HTML + CSS + JavaScript 构建,展示了 GMV、转化率、用户留存等核心增长指标的可视化方案。
时间范围筛选
核心指标概览
GMV(成交总额)
¥128.5万
↑ +12.3% 环比
转化率
3.8%
↑ +0.5% 环比
AOV(客单价)
¥386
↓ -2.1% 环比
新客数
12,847
↑ +18.6% 环比
增长漏斗
Traffic156,000100%
Traffic
用户数:156,000
转化率:100%
用户数:156,000
转化率:100%
Activation89,40057.3%
Activation
用户数:89,400
转化率:57.3%
从上级转化:57.3%
用户数:89,400
转化率:57.3%
从上级转化:57.3%
Conversion5,9286.6%
Conversion
用户数:5,928
转化率:6.6%
从上级转化:6.6%
用户数:5,928
转化率:6.6%
从上级转化:6.6%
Revenue4,15070.0%
Revenue
用户数:4,150
转化率:70.0%
从上级转化:70.0%
用户数:4,150
转化率:70.0%
从上级转化:70.0%
Retention2,49060.0%
Retention
用户数:2,490
转化率:60.0%
从上级转化:60.0%
用户数:2,490
转化率:60.0%
从上级转化:60.0%
月度 GMV 趋势(万元)
渠道效率对比
| 渠道 | 流量 | 转化率 | CAC | ROI |
|---|---|---|---|---|
| 搜索 最优 | 45,200 | 4.2% | ¥28 | 5.8x |
| 直播 | 38,600 | 3.5% | ¥45 | 3.2x |
| 付费广告 | 52,100 | 2.8% | ¥62 | 2.1x |
| 推荐 | 20,100 | 5.1% | ¥15 | 7.2x |
用户留存 Cohort 表
| 队列月份 | 当月 | +1 月 | +2 月 | +3 月 |
|---|---|---|---|---|
| 4月 | 100% | 45% | 32% | 28% |
| 5月 | 100% | 48% | 35% | 30% |
| 6月 | 100% | 42% | 29% | 25% |
| 7月 | 100% | 50% | 38% | 33% |
渠道流量占比
100%
总流量
搜索29%
直播25%
付费广告33%
推荐13%
Revenue per Session 渠道对比
搜索
直播
付费广告
推荐
新客 vs 老客收入占比
✅ 老客贡献超过 60%,增长结构健康