FOTON Export · Trade Hub — 设计与范围确认

Clickable prototype

① 可点击原型

在下方窗口内直接操作即可。顶部深色切换条可在 7 个页面间跳转（首页 / 车型列表 / 车辆详情 / 结算·签约 / 订单·到港闸门 / 设计系统 / 询价），右上角 EN / 中文 一键切换语言。图片为 CSS 占位（上线换实拍）。

💡 操作提示：点车辆卡片进详情 → 「支付 50% 定金」进结算 → 勾选协议解锁付款 → 订单页切换 In transit / Arrived 观察到港闸门如何解锁尾款与提货单。

foton-export-storefront · trade hub

Deal flow

② 成交流程（定金锁车 → 到港付尾款）

整个交易层为 WooCommerce 之上的皮肤；下列每一步都对应真实订单状态，非独立开关。

浏览选车车型 / 视频 / 规格

付 50% 定金签约后锁车

发运 · 物流外链承运商追踪

到港确认服务端闸门

付尾款到港后开放

提货单 Email全款后签发

Scope · v1

③ 实现范围

总方针：WooCommerce 原生能力 + 成熟插件优先，自定义代码只补车辆销售流程缺口。

✓ v1 必做

✓车辆 = WooCommerce 产品；可筛选维度走全局属性，详情/视频/规格走轻量 meta 面板
✓定金 50% / 尾款 50%（成熟定金插件，非自研扣款）
✓付定金前 click-wrap 签约闸门（接受 Proforma + 出口条款，服务端校验）
✓双轨成交：自助付定金 / 询价谈判（RFQ 收单 → 业务开单 + 付款链接），汇入同一订单
✓物流外链登记 + 到港确认（尾款收款的业务闸门）
✓提货单 = 后台上传 PDF + 邮件附件发送
✓购买关键路径 EN / 中文 双语

— 明确不做（v1）

—不自研并行交易 / 订单 / 支付系统（一律 WooCommerce + 网关插件）
—不接航运 / 物流 API、不做地图与轨迹可视化（仅外链）
—不直接处理卡数据、不自研扣款
—不做全站多语 CMS（只做购买关键路径双语）
—不复制任何第三方供应商页的样式 / 图片 / 文案 / 商标
—视频只存外链，不下载第三方资源入仓

Milestones

④ 里程碑

逐里程碑推进，每步经审查后再进入下一步。前端 UI（本页原型）为已定稿部分。

M0–M2环境 / 更名 · 车辆字段 / 视频 / 详情页 / 属性筛选✅ 完成

M2.6–2.9前端打磨到定稿观感、双语 UX✅ 完成

M2.10收口：Trade Hub 对齐 + 详情页双 CTA（定金 / 询价）▶ 进行中

M2.11文档同步（新范围 + 里程碑重排）✅ 完成

M3a定金插件 + 网关 sandbox + 结算 + 订单状态待开始

M3b签约闸门（click-wrap）+ Proforma / 协议待开始

M3c协助成交 / RFQ（收单 + 付款链接）待开始

M4到港确认、尾款支付、物流外链待开始

M5提货单 Email待开始

M6测试、部署与交付文档待开始

Technical boundary

⑤ 技术边界

前端原型是「设计参考」，落地为 WooCommerce 主题 / 区块皮肤；商城、购物车、结算、订单一律来自 WooCommerce。

WooCommerce 商城 · 购物车 · 结算 · 订单 · My Account

支付网关 Paystack（默认）/ Flutterwave（备选）

定金 / 尾款 WooCommerce Deposits 或兼容插件（50 / 50）

vehicle-sales-lite 极薄业务壳子：车辆/视频字段 · 到港确认 · 提货单 Email

主题 vehicle-sales-child · 仅视图 / 样式

信赖蓝 #11468F 蓝-700 #0d3873 行动橙 #FF6A13（仅主按钮） WhatsApp 绿 #1f9d57

Sign-off

⑥ 确认签收

确认以下事项后签字，我们据此进入 M3a（结算 / 定金 / 网关）开发。

前端 UI 设计方向（Trade Hub · 蓝 + 橙）与本原型 确认定稿。成交流程（定金 50% → 到港确认 → 尾款 50% → 提货单）确认无误。双语范围（购买关键路径 EN / 中文）确认。技术边界（WooCommerce + 成熟插件；物流仅外链）确认。

甲方签字

日期

勾选事项并填写签字人 / 日期后点击确认；确认结果会保存在本浏览器。 ✓ 已确认签收，感谢！