Skip A Broker 设计提案
项目
Skip A Broker 官网与产品界面
阶段
落地页方向
日期
2026 年 10 月 2 日
版本
v1 · 供讨论

从三套字体,
到一套系统。

原落地页的问题不在某一个区块,而是字体、图标、颜色、圆角和动效各自为政。本提案用三版页面对比改动的效果,并梳理用户与关键流程,作为后续设计的依据。

  1. 01三版对比
  2. 02用户与任务
  3. 03关键流程

01三版对比

同样的内容,三种完成度。

都在 1440 像素宽的桌面浏览器中截取。截图框内可以上下滚动查看整页,或打开完整页面。

A原落地页

8,622 px 长
原落地页首屏:深色背景,三行发光渐变大字 A LOADBOARD, A MARKETPLACE, & AI,下方是 AI 搜索框
原落地页整页
打开完整页面

由原稿源文件静态渲染。原 Logo 图片未随文件导出,用同字体文字代替。

B瑞士风 · 完整版

8,365 px 长
瑞士风完整版首屏:米白底,黑色超大字 A load board. A marketplace. No broker.,最后一句为红色
瑞士风完整版整页
打开完整页面

保留原稿全部内容,只换视觉语言。

C瑞士风 · 简化版

推荐
瑞士风简化版首屏:米白底,黑色 A load board.,下方灰色 A marketplace.,右侧红色 Post a load 按钮
瑞士风简化版整页
打开完整页面

只讲 Load board 和 Marketplace 两件事,页面长度减半。

量化对比

由页面源码统计
指标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含青、品红、绿、橙黄等发光色98墨黑、纸白、灰阶、一个信号红
圆角取值13从 2 px 到 999 px0直角(流程图圆点除外)0全部直角
动画关键帧16多处无限循环同时运行2标题入场、线条绘出1标题入场
页面长度8,622px8,365px4,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
货单详情
电子签署
在途追踪
文档
付款
评价
货主
01发布货源
07向承运商付款
双方
03议价或直接订
04签署运价确认单
08互相评价
承运商
02查看付款记录再报价
05派车与位置共享
06上传签收单 POD

单方操作双方共同完成建立信任的关键步骤:付款记录可见、按时付款