跳至正文
返回首页DX / PORTFOLIO银联深圳商户交易 IOC
深圳城市三维场景

00 / OVERVIEW · 银联深圳分公司 · 商户交易 IOC · 已交付上线

让数据落回城市空间

面向内部业务运营人员,服务日常运营监测、展厅展示与业务汇报;以三维城市承载空间关系,联动二维看板组织商户交易、项目运营与商户运营信息。

产品定位
商户交易 IOC · 智能运营中心
使用对象
内部业务运营人员
项目状态
已交付上线
SCROLL TO EXPLORE

01 / 项目背景

同一套系统,同时处理数据判断与空间关系。

面对覆盖全市的大量商户,客户需求包含商户交易、项目运营与商户运营三个业务模块,涉及指标、区域、团队、分支机构和商户等不同类型、不同层级的信息对象。

设计需要同时保证业务数据可读、可比较、可定位,并让城市中的位置、范围与层级关系保持直观。

01 / DATA

指标、趋势、排名与明细需要保持清晰的数据阅读层级。

02 / SPACE

行政区、商圈、团队责任区、分支机构与商户需要保留位置和范围关系。

03 / PATH

三个业务模块对象不同,但都需要从总览逐层进入具体范围和业务对象。

02 / 设计思路

三维回答“在哪里”,二维回答“是什么”。

我将位置、范围与层级放在三维场景中,将指标、趋势和明细放在二维看板中。两者通过当前业务对象与交互状态联动。

城市空间与交易数据看板完整设计图
3D SPACE × 2D DATA当前业务对象变化时,场景范围与数据内容同步更新
SPACE · WHERE

承载位置、范围、层级、区域关系与空间对象。

DATA · WHAT

承载趋势、指标、排名、比较与数据明细。

03 / 方案展示

三条业务路径,共用一套空间进入方式。

以商户交易完整展示“总览—范围—对象”的进入路径;项目运营与商户运营沿用同一逻辑,重点展示对象和范围如何变化。

BUSINESS PATH总览范围对象
PATH 01商户交易
全市
行政区 / 商圈
商户
PATH 02项目运营
团队总览
责任区域
成员 / 门店
PATH 03商户运营
全市结构
分行范围
商户

03 / PATH 01 · MERCHANT TRADE

从全市交易,进入具体商户。

先切换金额、笔数与热力分布,再进入行政区与商圈,最后查看具体商户。指标切换保持城市参照,下钻改变当前范围与业务对象。

全市交易金额概览01 / 03
01 / VIEW SWITCH交易视图切换
设计说明

金额、笔数与热力图使用同一空间参照;切换指标时只更新数据表达,不改变行政区的位置与范围。

PATH MODEL全市总览 → 行政区 / 商圈范围 → 商户对象

03 / PATH 02 · PROJECT OPERATIONS

从团队总览,进入成员与管理区域。

先查看全部团队的门店入库、业务拓展与回访进展,再进入单个团队的成员任务与责任区域。

全部团队门店与项目运营概览01 / 02
04 / OVERVIEW全部团队运营概览
设计说明

二维看板汇总全部团队的入库、拓展与回访进展;三维场景标记团队位置及已纳入运营管理的门店。时间切换只改变统计口径。

PATH MODEL团队总览 → 责任区域 → 成员 / 门店对象

03 / PATH 03 · MERCHANT OPERATIONS

从全市商户分布,进入分行管理区域。

先以星光密度呈现全市商户结构,再从银联分支机构(分行)进入管理区域和具体商户。

全市商户宏观指标与星光分布01 / 03
06 / STRUCTURE全市商户结构
设计说明

面对大规模商户点位,三维场景不逐点平铺,而以星光亮度表现密度与边界,使核心区域仍然可辨。

PATH MODEL全市结构 → 分支机构范围 → 商户对象

04 / 交互演示

查看空间与看板如何随操作联动。

前面的关键状态可在视频中连续查看;下方章节可定位三个业务模块。

DESIGN FILM · 04:43使用场景 · 信息任务 · 设计方案 · 完整演示