01发布货源
从三套字体,
到一套系统。
01三版对比
同样的内容,三种完成度。
都在 1440 像素宽的桌面浏览器中截取。截图框内可以上下滚动查看整页,或打开完整页面。
量化对比
由页面源码统计| 指标 | A 原落地页 | B 瑞士风 · 完整版 | C 瑞士风 · 简化版 |
|---|---|---|---|
| 字体家族 | 3Archivo、Geist、Geist Mono,另用到 Archivo 的多种宽度 | 1Inter(标题用 Inter Tight) | 1Inter(标题用 Inter Tight) |
| 图标 | 3 种线宽手绘 SVG 线宽 1.9、2、2.4 混用,另夹 ✓、⌘K 等字符 | —几乎不用图标 | 1 套Remix Icon 线性款,统一 24 px 网格 |
| 颜色取值 | 90含青、品红、绿、橙黄等发光色 | 9 | 8墨黑、纸白、灰阶、一个信号红 |
| 圆角取值 | 13从 2 px 到 999 px | 0直角(流程图圆点除外) | 0全部直角 |
| 动画关键帧 | 16多处无限循环同时运行 | 2标题入场、线条绘出 | 1标题入场 |
| 页面长度 | 8,622px | 8,365px | 4,002px |
| 首屏讲什么 | "& AI" 和 AI 搜索框(AI 尚未接入) | Load board、Marketplace、不经过经纪人 | Load board 为主,Marketplace 为辅 |
原落地页的主要问题
投资人反馈的"字体和图标不统一",在源码里都能找到对应01
三套字体,互相争主次
标题用加宽的 Archivo,正文用 Geist,标签用 Geist Mono,同一屏里出现多种字宽和字重。
02
图标没有统一来源
线宽各不相同,部分用字符代替图标;同样表示"完成",有的地方是图标,有的是 ✓。
03
发光渐变字压过内容
三行标题分别是绿、黄、白,带描边和扫光,是最典型的"AI 生成"观感。
04
动效太多,注意力分散
地图脉冲、浮动卡片、跑马灯、呼吸光、绿色按钮脉冲同时运行。
05
承诺了尚未上线的 AI
首屏的 AI 搜索框和 "& AI" 会让用户期待一个还没有的功能。
06
核心产品不在首屏
Load board 本身没有出现,访客要往下滚才知道这是一个货源看板。
02用户与任务
四类人,各自只想办成一件事。
依据原稿文案与企业介绍整理,需与团队访谈后确认。
货主Shipper
- 来做什么
- 发布货源,尽快找到可靠的承运商。
- 最在意
- 车辆资质是否真实、价格是否被中间加价。
- 页面给的答案
- 双向认证、公开运价、直接签约。
承运商与车主司机Carrier · Owner-operator
- 来做什么
- 找到顺路、价格合适的货。
- 最在意
- 货主会不会拖欠运费、利润被抽走多少。
- 页面给的答案
- 每单显示货主平均付款天数,0% 抽成。
调度Dispatcher
- 来做什么
- 替授权的承运商找货、订货。
- 最在意
- 同时管理多个车队,不在多个工具间来回切换。
- 页面给的答案
- 代表多家承运商操作,文档集中管理。
服务商Service provider · Marketplace
- 来做什么
- 把维修、保险、仓储等服务卖给车队。
- 最在意
- 能否触达真实、活跃的车队。
- 页面给的答案
- 入驻一次,面向平台全部车队。
03关键流程
从发货到收款,八步,没有中间人。
落地页的承诺要在产品里逐步兑现。红框是最影响信任的两步。
发生的页面
发布货源
Load board
货单详情
电子签署
在途追踪
文档
付款
评价
货主
07向承运商付款
双方
03议价或直接订
04签署运价确认单
08互相评价
承运商
02查看付款记录再报价
05派车与位置共享
06上传签收单 POD
单方操作双方共同完成建立信任的关键步骤:付款记录可见、按时付款


