跳到主要内容

MSN-03 · EXPLODED VIEW · heyungas.com

EDGE / STATIC BUILD0 external scripts · TTFB 72 ms
8 PAGES / INFORMATION ARCHITECTURE首页关于产品资质出口询价隐私条款
EN COPY / TERMINOLOGY
和韵气体网站首页截图
L4界面
L3内容
L2结构
L1部署
L1 · DELIVERY

部署

静态构建、全球边缘分发、sitemap 与结构化数据齐备。外部脚本 0 个,首字节 59 ms。

L2 · STRUCTURE

结构

8 个页面,按海外采购商的决策顺序排列:能力 → 产品 → 资质 → 出口 → 询价。

L3 · CONTENT

内容

英文由我撰写,气体纯度、气瓶规格、法定检验术语逐条核对。交付时附一份中英对照表,每条标明取自客户资料还是按行业惯例补写。

L4 · INTERFACE

界面

深蓝工业底色配单一强调色,数据以定宽数字排布,桌面与手机两套栅格。

CASE STUDY · English B2B export portal

和韵气体:英文 B2B 外贸门户

角色
独立交付
上线
2026-08
页面
8
状态
在跑

背景与目标

湖南和韵气体是持证的一氧化二氮与工业气体充装企业,自有充装线、低温储存与法定气瓶检验能力。 他们要把产能卖到海外,但此前没有面向英文采购商的门面。询价只能靠邮件往返和几份 PDF。

目标很直接。让一个从没听说过这家工厂的海外采购商,在几分钟内确认三件事: 有没有资质、能不能供我要的规格、怎么开始询价。

过程

八个页面按采购决策顺序排,而不是按公司组织架构排:先证明能力,再摆产品规格, 接着是资质文件,然后讲出口流程,最后才落到询价。采购商的疑虑是有先后的,页面顺序就该照着这个先后走。

英文由我撰写,不是把中文简介丢进翻译器。工业气体的术语容不得含糊:充装、法定检验、纯度等级, 翻错一个词专业采购商立刻就能察觉,而信任只能破一次。交付时附一份中英对照表, 每条英文标明取自客户资料还是按行业惯例补写,客户拿着它逐条核过一遍。

技术上选了静态输出:整站不发一个外部脚本文件,浏览器拿到的就是最终 HTML。 跨境链路上每减少一次往返,都是采购商实打实少等的时间。

结果

只给能当场验证的事实:

  • 8 个页面全部可索引,sitemap 里逐条列出。
  • 外部脚本 0 个,实测最大内容绘制232 毫秒。
  • 关掉 JavaScript,2,985个字符的正文照常可读。搜索引擎和各类抓取程序看到的,和访客看到的一模一样。
  • 全站按国际无障碍标准 WCAG 2.2 AA 做过一遍:配色对比度、键盘操作、屏幕阅读器兼容。
  • 站在这,你自己点开看

测量方法:Playwright + system Chrome, desktop 1440x900, cold context, unthrottled home connection。测于 2026-08-04。测不出来的项目不显示。

署名与角色

独立交付。信息架构、界面设计、英文文案、前端实现、部署与上线,全部一个人完成。

和韵气体网站整页截图,从首页顶部到页脚
整页截图,抓取于 2026-08-04。滚动时图随页面走。
和韵气体网站在手机上的显示效果
手机视图。采购商多数在手机上第一次看到你。
实测遥测 / MEASURED
STATUS
200
JS SHIPPED
0KB
LCP
232ms
PAGES
8