智慧零售 SaaS 管理平台
为连锁零售企业设计的全链路数据管理平台，涵盖门店管理、库存监控、营销分析等核心模块。
01 · 项目背景
项目背景
服务于全国 3000+ 连锁门店的零售管理系统，涵盖商品、库存、订单、营销四大核心模块。原有系统操作复杂、学习成本高，需要从信息架构到视觉体验的全面升级。
目标用户
门店店长、区域经理、运营总监
业务需求
实时库存监控、多门店数据对比、营销效果分析、移动端巡店
3000+覆盖门店
-57%培训时间
78NPS 评分
200+设计组件
02 · 痛点分析
痛点分析
- 门店员工操作培训周期长达 2 周
- 核心操作路径平均需要 7 步
- 数据报表可读性差，决策效率低
- 移动端体验缺失，无法远程巡店
改版前
旧系统界面信息密度过高，色彩单调，功能入口混乱，新人培训成本极高。
改版后
重新梳理信息层级，优化操作路径，建立清晰的导航体系，引入数据可视化图表。
03 · 设计目标
设计目标
降低操作学习成本，将核心流程从 7 步压缩至 3 步，提升数据看板的可读性与决策效率。
核心流程 7→3 步极简压缩
数据看板一屏可视化关键指标
新员工培训周期 2 周→3 天
快捷操作面板覆盖 80% 高频任务
多门店数据对比无需切页
04 · 前期调研
前期调研
门店店长 李明
45 岁，日均处理 200+ 订单，需快速查库存
区域经理 王芳
35 岁，管辖 50 家门店，关注横向数据对比
运营总监 张伟
40 岁，关注整体 GMV 趋势和营销 ROI
竞品分析
分析有赞、微盟、美团商家版等 6 款同类产品
核心洞察
核心发现：80% 高频操作集中在 5 个场景，但入口分散在 3 级菜单中。
05 · 规范输出
规范输出
色彩体系
Primary
Primary-L
Primary-D
Success
Warning
Danger
BG
Text
字体层级
H1数据概览
H2门店管理
Body当前库存量 1,234 件
Caption最近更新 5 分钟前
组件库
- 导航侧边栏
- 数据看板卡片
- 筛选器组合
- 表格 + 分页
- 状态标签
- 弹窗确认框
间距 Token
4px
8px
12px
16px
24px
32px
48px
06 · 方案展示
方案展示
高保真界面展示 — 以「一目了然 × 一步到位」为设计理念，让数据驱动决策。
数据仪表盘 — 一屏掌控全局
今日
7天
30天
今日营业额
¥12.8w
↑ 12.3%
订单数
1,247
↑ 8.5%
客单价
¥103
↓ 2.1%
库存预警
3
需补货
品类占比
数据总览仪表盘：顶部 4 个 KPI 卡片一屏呈现关键指标，营业趋势图实时更新，品类饼图辅助决策。左侧极简图标导航，鼠标悬停展开文字标签。
7 步→3 步压缩
原流程：登录→选门店→选模块→筛日期→切Tab→查看→导出。现在：登录→看板（默认当日全门店）→一键导出。
可视化优先
用折线图替代数据表格，用环形图替代百分比列表，用颜色编码（绿涨/红降）替代文字描述，决策时间从 3 分钟降至 30 秒。
智能预警
库存预警用橙色高亮 + 角标数字，异常指标自动标红并推送通知，管理者无需主动巡查。
门店管理与库存监控
全部
营业中
预警
¥3.2w
¥2.8w
预警
门店列表 — 状态一目了然
库存监控 — 低库存标红
门店 A vs B
环比增长
多门店对比 — 同屏双图
快速补货
导出报表
AI 推荐
最近操作
快捷操作面板 — 80%高频任务
07 · 交互/动效
交互 / 动效
核心操作流程
01
登录系统02
进入看板03
选择门店04
查看数据05
导出报表动效演示
图表加载
页面转场
数据刷新
08 · 落地成果
落地成果
3000+覆盖门店
-57%培训时间
78NPS 评分
200+设计组件
培训周期从 2 周缩短至 3 天；核心操作路径压缩至 3 步；数据看板 NPS 从 32 提升至 78。
迭代优化历程
- 一期上线后根据热力图数据调整了首页布局
- 二期增加了快捷操作面板，日均使用 1200+
- 三期引入 AI 智能推荐，预测缺货率提升 40%
09 · 个人职责
个人职责
主设计师 — 与 2 名前端、1 名产品经理协作
信息架构设计
交互原型
视觉规范制定
组件库搭建
数据可视化设计