原型图设计

系统界面交互原型展示

交互式原型预览
点击下方卡片可直接访问各端原型,原型支持页面间跳转,可体验完整业务流程
客户端 App
UniApp 移动端 - 丙方客户使用
面向终端投资客户的移动应用,提供金价查询、附近门店、订单管理、合同签署、发票申请等功能。
实时金价 门店查找 在线下单 合同签署 订单跟踪 发票管理
分销端
Web 管理后台 - 乙方门店使用
面向区域分销门店的业务管理系统,支持客户授权、订单处理、付款管理、结价申请、提货邮寄、对账提成等功能。
客户授权 订单管理 付款管理 结价申请 提货邮寄 提成查询
总部业务端
Web 管理后台 - 甲方总部使用
面向衡源贵金属总部的业务管理系统,涵盖门店管理、客户管理、订单审核、付款核验、结价审批、仓储物流、合规风控、财务结算等全流程管理。
门店管理 订单审核 结价审批 仓储库存 合规风控 财务结算
系统管理端
Web 管理后台 - 系统管理员使用
系统级管理后台,提供用户管理、角色权限、组织机构、菜单管理、字典配置、流程配置、日志审计、定时任务等系统运维功能。
用户管理 角色权限 组织机构 流程配置 操作日志 定时任务

在线预览

选择要预览的原型端,可在页面内直接体验交互效果

设计说明

设计规范

遵循统一的设计语言,采用金色(#C9A962)作为品牌主色调,体现黄金交易的专业性与高端感

响应式布局

Web端采用左侧导航+右侧内容的经典布局,移动端采用底部Tab导航,适配不同设备

交互一致性

统一的按钮样式、表单控件、状态标签、弹窗提示,降低用户学习成本

业务流程可视化

原型页面间支持跳转,可完整体验从下单到交付的全流程操作