项目背景
客户是一家旗下涵盖制造、贸易、地产、文化四大板块的控股集团,原官网由各分公司自行维护,配色、字体、按钮样式各搞一套,首页信息堆叠,访客很难在 10 秒内说清"这家集团到底做什么"。集团办公室找到尧图,希望先把"一张脸"统一起来,再谈后续子站的建设。
在初次调研里,我们随手截了五个子公司的页面放在一起,连集团 LOGO 的颜色都不一致——这件事本身就成了最好的项目立项理由。
设计挑战
第一,业务跨度大,制造讲严谨、文化讲调性,单一视觉语言很难同时讨好两端;第二,领导层偏好沉稳大气,但又不希望官网看起来像十年前的国企站;第三,原站已有上百篇新闻与公告,迁移和视觉适配不能出错。
换句话说,我们要做的是"在不动信息资产的前提下,换一种讲法"。
解决方案
我们以"克制 + 留白"为基调,主色锁定深石墨灰,辅以尧图招牌的浅粉做点缀,用在按钮、标签和重点数字上,既稳重又有一丝温度。顶部统一集团 LOGO 锚定身份,二级导航按"产业 / 关于我们 / 新闻 / 责任"四区归并。
把 4 大板块做成卡片矩阵,每张卡用真实场景照 + 一句话定位,替代原来密密麻麻的文字列表。字号梯度从 40px 到 14px 共 6 级,全站严格执行,子站复用同一套规范文档。
统一的不是颜色,而是"做决定的方式"——任何子公司拿到规范,都知道下一个按钮该长什么样。
成果与反馈
改版上线后,集团首页平均停留时长从 28 秒提升到 1 分 12 秒,子站统一规范后维护成本下降近一半。集团办公室反馈:"终于不用跟各分公司解释为什么按钮颜色不一样了。"
更长远的价值在于,这套规范后来成了集团对外合作、招商手册的视觉底座,从官网延展到了线下。