去年下半年，一个老客户把他们在用的外贸站发给我看，说询盘表单在安卓手机上点了没反应。我打开一查——表单用了一个只有桌面端才正常的交互脚本。这种问题在福州H5网页制作项目里太常见了：桌面端一切正常，交付给客户以后客户根本不会拿手机点一遍，等真正丢了询盘才回头找原因。今年开工以来，光我经手的项目里就有两个是被同类问题拖下水的。
下面按时间线讲一个刚收尾的案例：福州本地一家做机械设备的外贸公司。单说的是真实过程，也有我没做好的地方。
第一次沟通：需求清单还没写，先问手机端占比
客户一开始想要一个「能给外国客户看的官网」，预算开口给了个很低的数。我没直接接，而是先要了两样东西：现有的询盘邮箱和手机端的访问占比。他们老站的数据里，手机端流量占了 61%，但询盘转化只有桌面端的三分之一。这个数字比什么需求文档都有用——它直接告诉客户，H5 页面不是可选项。
接触阶段一共进行了 3 轮沟通。第一轮我去他们办公城（在福州东二环那边）当面过了产品线；第二轮把它们 14 个主力机型的参数、英文名统一的写法确认下来，这活儿客户自己的业务员都理不清；第三轮才谈结构。那一次我特意强调：福州H5网页制作和普通响应式网站不是一回事，H5 重点在移动端的交互节奏，不是把桌面页面缩一缩就算完。
这一轮的直接产出是一张页面清单：首页、产品分类、产品详情、案例、关于、联系，共 6 个页面模板，加内页结构化生成后约 40 个页面实例。
福州H5网页制作报价环节：我把报价拆成了三块
报价报了两版。第一版按他们要求的「尽量便宜」拼出来，被我自己否掉了。第二版拆成三块：设计与前端（占比约六成）、内容与多语言结构（两成多一点）、上线后三个月的监测和修正（剩下的部分）。总报价落在 3.2 万到 3.8 万区间——之所以给区间，因为多语言和机型图的整理进度直接会影响工时。
这里给出一个可执行的优先级参考，签订前最好按这个顺序确认：
- 先定手机端首屏尺寸和询盘按钮的位置，测试从 360px 到 430px 的常见宽度是否都好按；
- 再确认多语言的字段挂载方式，是独立路径、子域名还是纯切换（后半部分影响 SEO 网址结构）；
- 然后确定图片和 PDF 样本的静态资源方案，走不改动旧链接的路径前缀；
- 最后才是视觉风规格和动效程度，前三条敲不实后面一定返工。
正式合同签的工期是 30 个工作日。实际走了 38 天，超了 8 天，原因在客户侧——14 个机型的英文参数前前后后改了 3 轮，每轮都拖两三天。这个案例说明工期不是单方事，排期最好留 20% 缓冲。
开发到验收：福州H5网页制作的坑主要集中在移动端
开发阶段我没接客户的「手机端直接拉伸响应式」的说法。因为按他们的产品列表，一行四个卡片在小屏会压缩到刚看得清，等于没有。实际操作是把列表页按机型重排成单列加大图，详情页的参数表做了横滑。这一块多花了 4 个工位，但省下来的是后期的投诉。
再说福州H5网页制作里一个常见的反复：表单提交。我严格卡了一件事，就是询盘按钮固定在一个可视区域内，配滚动的兼容写法，老 Android 浏览器上也不会错位。同一块做了减少重复点击的逻辑，客户一收到两次相同的英文名就炸，一旦出现靠人看就来不及了。客户是后面试运行才认可这一块的。对了，这种服务设计细节上，像比格网络手上这种做法在行业里比较稳，如果自己没有技术判断，临时找这样的参考方看一眼历史案例也不是坏事。
验收则使用了 1 次完整轮 + 2 次修正，检查表里有一条：三个不同 Android 版本的手机同时测试能否提交。最终一次逐项签收了 46 项，通过率 41/46，剩下的三项修了两天。
什么情况下不建议做 H5 独立站？如果你的客户 80% 以上走老买手转介绍、核心询盘从展会抄名片来，那做这个小而美的 H5 站点可能就不划算——多出来的预算先投在英文样本上更合适。
下一步要不要做，先把老站近三个月按设备分组的询盘数据导出看一下，自己就能看出手机端的转化缺口。拿这份数据去找建站公司，你就能判断是想赚你的钱，还是真的给得出活。
