返回项目

个人项目产品案例
TRADECRAFT · 跨境电商与人才运营模拟平台
TRADECRAFT 是一个将跨境电商运营、人才培养、项目现金流和项目交付集中展示的交互模拟平台。四组运营视图共享同一套 90 天模拟数据,结合三维场景、图表和事件回放,呈现订单、学习任务、收支与交付进度之间的关系。
项目演示
核心体验
- 跨境电商运营:以三维全球运营网络展示市场与平台分布,联动查看已支付订单金额、订单趋势、平台占比和店铺状态,支持市场与平台筛选。
- 人才培养:围绕报名、出勤、任务提交和导师审核,展示班级学习进度、能力验证与作业审核流程。
- 项目现金流:分别呈现项目收款、付款、净现金变动、期末现金余额和待结算服务费,明确区分订单金额、项目收入与现金余额。
- 项目交付:按项目团队、高校、公共服务和企业等合作方展示任务与交付证据,关注已验证成果、进行中任务和逾期事项。
- 可交互的模拟回放:支持选择模拟日期、当天或近 7 天与近 30 天统计区间,暂停或继续事件回放,并提供自动轮播、全屏与键盘快捷操作。
技术与视觉
项目以深色运营大屏为基础,结合 Three.js 三维场景和 D3.js 数据图表,将地理网络、趋势、结构占比和关键指标放在同一视图中。地图与三维场景支持拖拽和缩放,图表可通过悬停或聚焦查看具体数值。
演示说明
站点使用同一套 90 天模拟数据,按匹配事件推进并跳过空闲时段,结束后循环回放。图中的订单、学员、任务与资金指标用于演示交互和统计口径。
项目链接与服务
外部链接将在新标签页打开