跳到主要内容

工业控制与制造

Applied Gray Matter

展示一家 UL 508A 控制柜制造商的网站,若是为「必须选型这台柜子的工程师」而做,会是什么样子。

网站

概述

这是我们自发做的一个概念,不是委托项目。我们重做了一家真实的工业控制柜制造商的网站,用来展示我们如何面对技术型 B2B 受众——也让我们有个具体的东西可以指,而不是一份服务清单。

工业买家不会被形容词说服。他们是在对着标准选型一台柜子,同时在判断你能不能按期交付。整个概念的组织方式,就是比竞争对手更快地回答这两个问题。

挑战

我们梳理了该领域的十二家竞争对手,从 Johnson Controls 到区域性的控制柜车间。每一家开头都摆出某个具体的东西:年产柜数、完成项目数、从业年限,或者首屏里的一个交期。而我们要重做的这个站点,一样都没有公布。

它也没有客户标识、没有客户评价、没有案例研究、页面上也没有认证标志——只有文字。对于一个周二下午在比较三家车间的买家来说,没有任何可以掂量的东西。

更深的问题是:真正有分量的材料——二十多篇关于 UL 508A、SCCR 和 NEC 第 409 条的技术文章——被埋着,没有日期、没有署名,完全没有发挥它本可以发挥的作用。

我们做了什么

站点以「这台设备」而不是「这家公司」开场。一个控制柜内部的交互式剖面,让访客逐项点开主隔离开关、短路配合、导线选型、热设计和 UL 标签位置,每一处都有一段简短的技术说明。它是在演示能力,而不是在宣称能力,而且对标的竞争对手里没有一家有类似的东西。

一个自助式控制柜估算器问八个问题,返回一个复杂度等级和一份指示性排期。它刻意不返回价格:用八个答案给控制柜定价,是把猜测包装成数字,而一位随后收到不同报价的工程师,会连站点上其他所有内容都不再相信。它接住的是那个还没准备好给任何人打电话的买家。

每一项规格、标准和数字都使用等宽字体,让工程师读作数据的部分看起来就像数据。标准在全站按编号引用,常见问题回答的是人们真正会搜的那些——UL 508A 与 NFPA 79 的区别、SCCR 是什么、谁可以贴那张标签。

因为这是一个概念稿,未经核实的数字被诚实处理而不是编造:示例数值被明显标注为示例,而一个开关就能把它们全部退回占位状态,不会被误发上线。

它能做什么

  • 带八个标注热点的 UL 508A 控制柜交互剖面
  • 返回复杂度等级的八问控制柜估算器
  • 七个服务页面与十一个行业页面
  • 全站浅色与深色主题
  • 带服务端校验的报价、联系与客户评价表单
  • 支持键盘、滑动与减弱动效的客户评价轮播
  • 为每个页面生成的链接预览卡片
  • 经过实测而非假定的 WCAG 2.1 AA 色彩对比

实际运行

线上站点

你不点开就不会加载,所以本页依然很快。

applied-gray-matter-web.vercel.app

打开线上演示

你点了它才会加载

在你选择预览之前不会下载任何内容,所以本页依然很快。

更多案例

相关项目

www.proofestimate.com

预览图待补充

屋面与建筑

ProofEstimate

让屋面承包商能在房子现场、用一部手机、以自己班组说的语言,做出一份保险估价。

定制网站设计
查看案例
www.jesushealingministry.net

预览图待补充

教会与非营利组织

Kingdom Churches

让一间双语教会拥有一个公开网站和一个会众区,并且两者不会各走各的。

定制网站设计
查看案例

准备好做点真正有价值的东西了吗?

告诉我们你的想法。我们会坦率地说明我们是否是合适的人选。