运当当暂定· 平台介绍与界面方案 v1
NETWORK FREIGHT PLATFORM · 六端一体

运当当货运物流撮合与交易平台

货运就找运当当,整车零担皆担当

一个连接货主与司机的网络货运平台:从发布货源、寻找运力、抢单接单、运输跟踪、运费结算到售后保障,全流程在线完成。 两端 App/小程序面向用户,三个 Web 后台面向企业与平台运营,售后作为独立模块贯穿始终。

6个端 · 端到端闭环
11屏界面方案
375px移动端基准
33项业务待确认
蓝白体系橙=价格唯一出口红≤2 处/屏 8px 栅格Token 驱动零假数据口径
01

平台是什么 · 六个端怎么分工

先把地图画出来,再谈页面长什么样

货主端APP / 小程序

使用主体:个人与企业货主
发布货源、比价下单、订单跟踪、支付与售后。六种发货类型覆盖整车、零担、同城、回程。

发货 6 类型多货地货运险专票
司机端APP / 小程序

使用主体:司机与挂靠司机
找货、抢单、订阅播报、运输上报、钱包提现。货车导航规避限高限重,是全平台最复杂的入口。

4 类筛选5 类货源订阅播报货车导航
物流公司后台WEB 管理端

使用主体:运输 / 物流公司
管司机、管车辆、管运单、管结算。公司下架则旗下司机一并无法接单。

司机审核车辆绑定运单轨迹月度结账
货主后台WEB 管理端

使用主体:企业货主
企业集中发货与对账:多货单管理、熟车与黑名单、月度账单与发票。

集中发货熟车/黑名单账单导出专票
运营后台WEB 管理端

使用主体:平台运营方
全局管理与平台治理:货运、押金、司机车辆、物流公司、货主、财务与系统设置。

四类角色押金三部分审核上架资源监控
售后服务体系各端客服入口

使用主体:平台客服 / 双方用户
独立成模块:货主方、司机方、平台保障三类售后,配合保险与信用体系形成兜底。

保险理赔纠纷协调违约管理信用与黑名单

一条货源走完全程要经过 7 个环节

01
发布货源

货主选类型、填装卸地、传照片

02
平台撮合

筛选、推荐、订阅推送给司机

03
抢单接单

资质校验后抢单,双方确认

04
装货运输

上报节点,轨迹实时回传

05
确认收货

回单上传,双方确认

06
结算评价

运费、押金、保险、互评

07
售后保障

纠纷、理赔、违约金

其中「双方确认」是平台的关键控制点:货主后台与运营后台都能点确认,确认后进入自动支付流程; 押金、保险、违约金三个资金动作都挂在运单上,所以运单是这套系统的核心对象。
02

视觉体系 · 一套 Token 走六个端

蓝=平台与动作,橙=钱,红=异常。后端沿用同一套色,只是密度更高

色彩系统
主蓝 Brand#1264F0 · 主按钮 / 选中 / 链接
深蓝 Deep#0B4FCB · 金额数字 / 渐变终点
浅蓝 Soft#EAF2FF · 图标底 / 标签底
价格橙 Price#FF7A1A · 运费 / 收益 · 仅此一处
浅橙 Soft#FFF3E8 · 费用卡底 / 议价标
警示红 Alert#E5484D · 已抢完 / 超时 / 未读
成功绿 Success#12A150 · 认证通过 / 已结算
文字主色#101828 · 标题 / 关键值
文字次级#475467 · 正文 / 描述
文字辅助#98A2B3 · 时间 / 说明
页面底色#F4F6FA · 全局背景
分割线#E6EAF2 · 1px 描边 / 虚线
用色纪律:一屏内橙色只出现在价格上;红色不超过 2 处且必须是「异常」语义; 蓝填充面积 ≥ 白面积时改白底蓝字。新增色值必须先入 Token 表,禁止在页面里写死 hex。
字号层级(移动端)
层级字号/行高用途
H121 / 30首页主标题
H219 / 26订单状态、列表运费
H316 / 22线路起终点
Body-L14 / 20正文、入口名
Body13 / 18卡片明细
Caption11.5 / 16时间、状态
Price19–26 / 700运费(橙)
圆角与间距
Token值用途
radius-xl16px底部弹层、信息面板
radius-card12px货源卡、表单卡
radius-btn10px主/次按钮、输入框
radius-sm8px抢单按钮、图标块
radius-pill999px距离、认证、状态
间距4/8/12/16/20/24只允许取这六档
触控热区≥44px视觉 34 用 padding 补足
Web 后台的差异规则:页面上限 1180px;侧栏 190px 深蓝渐变;表格行高 36、字号 11.5; 所有数字等宽(tabular-nums),金额右对齐;状态用 6 色 pill 统一语义(进行中/成功/警告/异常/中性)。
手机端 · 2 个端 · 21 屏

货主端 + 司机端

375px 手机界面,逐屏可看。建议用手机打开,就是客户真实看到的样子。

进入手机端页面 →
宽屏后台 · 3 个端 · 26 屏

物流公司 / 货主 / 运营后台

1180px 桌面界面,含完整侧栏与数据表。建议在电脑上打开,手机上会自动切换为横滑查看。

进入后台宽屏页面 →
08

交付与待确认

界面之外,还有 33 条口径要先定

已交付 47 屏 + 规范

  1. 货主端 11 屏:首页 / 发货下单 / 我的货源 / 运单详情 / 我的订单 / 我的 / 找车比价议价 / 订单五状态 / 评价信用 / 账单专票 / 认证与关系
  2. 司机端 10 屏:抢单大厅 / 货源详情 / 我的订阅 / 运输中 / 我的钱包 / 钱包提现 / 资质认证 / 货车导航禁区 / 成本计算 / 我的运单
  3. 物流公司后台 9 屏、货主后台 8 屏、运营后台 9 屏(新增后勤/风控/财务/治理页)
  4. 视觉规范 v1.1:色板 / 字阶 / 圆角间距 / 组件规格 / Token→CSS 对照 / 状态与异常
  5. 六端分两页查看:手机端 21 屏、后台宽屏 26 屏,本页为总览索引

必须先定的 8 条 硬阻断

  • 计费公式:方 / 车 / 吨 / 距离怎么算,多货地怎么加价
  • 定金与信息费:怎么收,信息费是否隐形
  • 保证金:货主收平台还是平台收司机
  • 运费支付对象:给物流公司还是司机,线下月付还是在线
  • 押金:是否在平台账户、回单后是否自动退、金额谁定
  • 发票:专票规则与无车承运开票方式
  • 保险:货运险 / 爽约补偿险的方案与接口
  • 售后流程:货主方 / 司机方 / 平台保障三类各自怎么走