案例/工程机械

WEB工程机械营销宣传

重工集团官网与数字内容

让官网从产品说明书,变成最稳定的那个销售员。

首屏:入口不是产品型号,而是客户自己的工况。
行业
工程机械
服务
营销宣传自有交付团队
交付物
官网 · 数字营销信息架构 · 组件库
参与角色
品牌设计师 · 前端工程师高级交互设计师 · 项目经理

01  BACKGROUND

客户在见到销售之前,已经在官网上做完了大半个判断。

项目背景

装备企业的官网长期承担着「资料库」的角色:把参数表贴上去,把新闻发上去。但真实的采购路径早已前移——技术负责人往往先在线上完成筛选,再决定要不要联系。

官网若只回答「我们有什么产品」,就无法回答客户真正的问题:这台设备能不能解决我的工况、你们的服务响应有多快、有没有同类客户的验证。

02  CHALLENGE

设计挑战

参数是装备官网最有价值的内容,也是最容易被做废的内容——一旦变成扫描件或图片,它就退出了检索、对比与移动端。

  • 参数信息量大,但不能变成难以检索的表格墙
  • 海内外访问的性能与合规要求不同
  • 内容需要能被非技术人员持续维护
  • 移动端占比高,长表格必须重新组织

03  APPROACH

我们的解法

我们按「客户的问题」重排信息结构:从工况场景进入产品,从产品进入参数与服务,从案例进入证据。参数表被重构为可对比、可筛选的结构化数据,而不是一张扫描图。

站点采用轻量的静态优先架构,内容与样式分离,保证首屏速度与长期可维护性;同时接入品牌视觉与三维资产,让官网与展会、画册说同一种话。

参数表是内容,不是图片

把规格做成结构化数据之后,它才能被筛选、被对比、被搜索引擎读到,也才能在手机上重新组织成一列。导航同样如此:先按工况场景分岔,再落到具体型号——这条路径更接近客户真实的提问顺序。

04  CRAFT

产品页参数结构化,可筛选可对比
工况场景入口从客户的问题进入,而不是从型号进入
组件库一套组件覆盖产品、案例与新闻三类页面

05  PROCESS

01

信息架构与内容策略

按客户的决策路径重排导航与页面层级。

02

视觉与设计系统

建立与品牌一致的网页版式与组件库。

03

前端开发与性能

静态优先架构,兼顾国内外访问速度。

04

内容运营支持

交付可被非技术人员维护的内容规范与模板。

官网真正的竞争对手,是客户关掉标签页的那只手。
设计决策 · 英特费斯
下一个案例产线数字孪生驾驶舱

BRAND MARK / 标识构造

英特费斯 SAVE HMI 标识:两条圆角横杠互锁的构造演示

两段弧,
一次咬合。

上杠向右收,下杠向左收,收在同一条 R122 的弧上,互相咬住。中间留 21.5 的缝——那是人和机器之间的距离。上面这个案例,做的就是同一件事:把这道缝再做窄一点。

杠高 BAR
148
咬合缝 GAP
21.5
半径 RADII
122 / 90.25 / 57.75
错位 OFFSET
150

SAVE HMI · 英特费斯

有类似的设备或系统正在开发?