01
返回作品集
B2B 外贸独立站 / 汽车出口
Green Gallop Auto 英文汽车出口独立站
这是我目前外贸工作里可以公开展示的一个真实项目：为 Green Gallop Auto 搭建面向海外经销商、贸易商和业务买家的英文独立站。项目重点不是炫技，而是把业务边界、车辆资料、出口服务、询盘路径、上线安全和后续维护流程真正串起来。
Next.js App Router + TypeScript 实现英文 B2B 站点车辆目录、筛选、详情页和出口服务页面已经落地统一询盘表单接入 /api/lead，预留 Turnstile、Google Sheets 和邮件通知GitHub Actions、Vercel、正式域名和生产部署流程已跑通
项目类型英文 B2B 独立站
行业汽车外贸 / 中国车辆出口
阶段v1 已部署，正式联系方式与公开索引等待公司确认
我的角色项目规划、信息架构、前端落地、部署闭环
01
我实际负责的部分
02
把资料变成可维护内容
用结构化车辆数据和页面模块承接车型、目标市场、出口状态、文档说明，后续可以继续从 Excel 或真实资料中清洗上架。03
搭建前端和询盘闭环
完成首页、车辆列表、车辆详情、服务页、关于页、联系页和隐私页，并用统一 LeadForm 把询盘动作集中处理。04
控制上线风险
对正式联系方式、公开地址、SEO 索引和真实图片授权做门禁，未确认前不把占位内容包装成已经完全公开运营的状态。02
页面与交付物
首页与品牌入口
首屏直接说明 China vehicle export support，给海外客户一个清晰的业务定位和快速询盘入口。
车辆浏览与筛选
按车型、品牌、能源类型、年份和出口状态组织车辆，先支持询价和需求确认，不公开易过期价格。
车型详情与询盘
详情页展示基础参数、配置亮点、出口支持和相关车型，把客户兴趣直接导向询盘。
DECISIONS / 关键取舍
第一版先把外贸获客闭环跑起来。
第一版先做外贸展示与询盘入口，不做商城、在线支付和实时库存。
价格默认不公开，避免汽车出口报价随配置、目的港和供应情况变化后造成误导。
联系信息保持可配置，正式邮箱、WhatsApp、地址和地图确认后再公开。
SEO 索引默认关闭，等公司英文名、联系方式、图片授权和车辆资料确认后再打开。
03
技术栈和流程
技术选择服务于一个目标：低成本、可维护、能上线、后面能继续接真实车型资料和询盘流程。
Next.js 16React 19TypeScriptTailwind CSSshadcn/uiMDXVercelGitHub ActionsVercel AnalyticsGoogle SheetsResendTurnstile
公开展示的边界
- 当前案例展示的是我参与规划和落地的站点能力，不代表所有车辆图片和库存都已经完成公司最终审核。
- 询盘服务端能力已预留，真实收件人、Google Sheets 和邮件通知变量需要公司确认后配置。
- 公司正式英文名、公开联系方式和推广节奏仍应以公司最终确认版本为准。