案例/工程机械
重工集团官网与数字内容
让官网从产品说明书,变成最稳定的那个销售员。
- 行业
- 工程机械
- 服务
- 营销宣传自有交付团队
- 交付物
- 官网 · 数字营销信息架构 · 组件库
- 参与角色
- 品牌设计师 · 前端工程师高级交互设计师 · 项目经理
01 BACKGROUND
客户在见到销售之前,已经在官网上做完了大半个判断。
项目背景
装备企业的官网长期承担着「资料库」的角色:把参数表贴上去,把新闻发上去。但真实的采购路径早已前移——技术负责人往往先在线上完成筛选,再决定要不要联系。
官网若只回答「我们有什么产品」,就无法回答客户真正的问题:这台设备能不能解决我的工况、你们的服务响应有多快、有没有同类客户的验证。
02 CHALLENGE
设计挑战
参数是装备官网最有价值的内容,也是最容易被做废的内容——一旦变成扫描件或图片,它就退出了检索、对比与移动端。
- 参数信息量大,但不能变成难以检索的表格墙
- 海内外访问的性能与合规要求不同
- 内容需要能被非技术人员持续维护
- 移动端占比高,长表格必须重新组织
03 APPROACH
我们的解法
我们按「客户的问题」重排信息结构:从工况场景进入产品,从产品进入参数与服务,从案例进入证据。参数表被重构为可对比、可筛选的结构化数据,而不是一张扫描图。
站点采用轻量的静态优先架构,内容与样式分离,保证首屏速度与长期可维护性;同时接入品牌视觉与三维资产,让官网与展会、画册说同一种话。
参数表是内容,不是图片
把规格做成结构化数据之后,它才能被筛选、被对比、被搜索引擎读到,也才能在手机上重新组织成一列。导航同样如此:先按工况场景分岔,再落到具体型号——这条路径更接近客户真实的提问顺序。
04 CRAFT
05 PROCESS
信息架构与内容策略
按客户的决策路径重排导航与页面层级。
视觉与设计系统
建立与品牌一致的网页版式与组件库。
前端开发与性能
静态优先架构,兼顾国内外访问速度。
内容运营支持
交付可被非技术人员维护的内容规范与模板。
官网真正的竞争对手,是客户关掉标签页的那只手。
BRAND MARK / 标识构造
两段弧,
一次咬合。
上杠向右收,下杠向左收,收在同一条 R122 的弧上,互相咬住。中间留 21.5 的缝——那是人和机器之间的距离。上面这个案例,做的就是同一件事:把这道缝再做窄一点。
- 杠高 BAR
- 148
- 咬合缝 GAP
- 21.5
- 半径 RADII
- 122 / 90.25 / 57.75
- 错位 OFFSET
- 150
SAVE HMI · 英特费斯







