协助本土加工制造业走出国门
ACPSigns 是深圳的标识厂。海外买家先看产线能不能做,再看项目像不像自己的楼,然后把图纸送进来。
前台是生成好的网页。编辑在独立后台完成,发布后再上到 www。打开产线页就能询价,不必先注册,也不经过购物车。英文占根路径;德、西、法、意、荷、葡各有自己的目录。中文页不做。
询价按四步走:图纸进来,报价和施工图在二十四小时内出去,再付定金,再质检出货。实验室里首页总阻塞已经很低,最大内容绘制仍被工厂大图拖着。分数按实写。
案例概述
买家要看产线能不能做、项目像不像自己的楼,再把图纸送进来。购物车解决不了出口询价。
客户要解决的,不是再做一个工厂介绍页。海外代理和业主要的是:不锈钢字、灯箱和导视这八条产线能不能做自己的活;做过的项目像不像自己的楼;图纸送进去之后,下一步是什么。
如果把内容系统直接挂在对外域名上,每次打开页面都要过程序。后台也会和前台挤在同一个地址。出口询价要的是图纸、电压和目的港,不是加入购物车。
我们把编辑和线上拆开。产线、项目和询价说明写在独立后台,发布后生成静态网页,由服务器按文件打开。www 上没有购物车。询价发生在规格旁边。欧洲买家可以走自己的语言目录,确认信仍是英文。
做成之后:买家能按工艺看项目,能在产线页直接询价,能按四步走完下单。前台不开放后台。改一条产线说明,就是重新发布一版网页。
方案与功能
每一条都写清用了什么、做成了什么、买家因此能做什么。
- 前台静态,后台独立域名www.acpsigns.com 是生成好的网页,服务器按文件回答。编辑在 cms.acpsigns.com。代理收藏的是 www,不会进到后台。
- 八条产线,询价写在规格旁边金属字、亚克力、烤漆、发光、霓虹、灯箱、丝印、导视各有详情。页上有 Quote this line。交期按单,不写死天数。
- 项目按工艺筛选Metal / LED / Wayfinding。卡片写地点,客户名可以隐。买家先对工艺,不必先知道甲方是谁。
- 询价四步图纸进来 → 报价和施工图(24 小时)→ 定金 → 质检出货。How to order 是独立页面,不是页脚一句联系我们。表单记下语种,方便工厂分辨来源。
- 没有购物车出口要图纸、电压和目的港。做成在线商城会把真正的询价挤到站外。
- 语言按目录走英文继续占 /。/de/ /es/ /fr/ /it/ /nl/ /pt/ 是同一套产线和项目。博客详情不译。/zh/ 现网 404,不写进导航。
技术栈
轴心是前台静态、后台独立。询价是唯一必须动态的接口。
| 选择 | 理由 | 代价 |
|---|---|---|
| HTML / CSS / JavaScript | 前台就是浏览器能直接打开的页面 | 复杂交互只能做轻量前端 |
| Astro 构建发布 | 产线、项目和多语言页在发布时生成 | 改字必须重新发布 |
| nginx 直接打开文件 | www 按文件和校验标签回答,不过程序 | 没有按登录用户变化的片段 |
| 独立 WordPress 后台 | 博客和部分文案要有人改 | 两套域名运维 |
| PHP 询价接口 | 图纸和语种要落到收件箱,不经过购物车 | 没有在线支付漏斗 |
| www 不开放后台接口 | 代理只应看到成品站 | 前台看不到编辑中的草稿 |
| 七种语言目录 | 买家在香港、澳洲、欧洲和美国 | 中文访客不在范围内;博客详情只留英文 |
Speed
页面变快,先是 www 不再跑整站主题程序。现在拖分的不是主线程,是首页大图出得太晚。
实验室里首页桌面性能 58,无障碍 90,最佳实践和 SEO 满分;最大内容绘制 5.1 秒,总阻塞 0,文档等待 180 毫秒。移动性能 59,最大内容绘制 6.8 秒,总阻塞 90 毫秒。
同一天桌面复测过 57 和 58,差在最大内容绘制抖了 0.3 秒。总阻塞两次都是 0。按实写 58,不沿用旧文的 95 / 87。
下一刀是封面图和字体,不是把动态主题搬回前台。
首页
LCP 370 ms · TBT 88 ms · CLS 0.032
LCP 1.24 s · TBT 59 ms · CLS 0.001
更新时间:26-10-12。数据源自闪电博实验室,基于 Lighthouse 实验室分、axe 无障碍,以及可选的 Chrome UX Report 真实用户数据。数据可能因不同的网络环境及设备,会有差异。参考《如何做到Google PageSpeed Insights测试满分》。
最终结果
询价发生在产线旁边。项目能按工艺被找到。后台不出现在对外域名上。欧洲买家有自己的目录,中文页没有假装上线。
把工厂的询价收进页面结构
前台是服务器上的文件。编辑在独立后台。实验室桌面总阻塞是 0。改一条产线说明,就是重新生成一版网页。
图纸就是语言
八条产线、项目芯片和四步询价在三个地址上闭环。Quote this line 写在规格旁边。客户名可以隐,工艺仍能看。
业务上,询价直接发生
海外买家不必先注册,也不必跳到第三方店铺。工厂地址、工艺和项目可以核对。不编出口额。
还没做的
首页最大内容绘制仍被大图压着。中文目录按确认不做。后台按确认不截,正文只写能力。实验室分数不能写成已经满分。
图库






相关案例
不要只看前端,重头戏在租售管理系统
铝合金脚手架与平台梯租售,后台把产品、报价和合同做成链路。直租之外,一切在同一个系统里收束。
把全球标识供应链做成可检索的目录
三十个国家与地区、一万六千家供应商。只收录有独立网站的厂和店,按国家、工艺和语言被找到。
知产管理品牌站点,品牌视觉+检索+双语……
宁波知产代理,三类备案,中英两套官网。专业服务,在检索中被找到。
