一家拥有五条业务线的集团企业,旧官网被业务部门各自塞满信息,访客进来三秒找不到主线。我们的任务是重组信息架构,并用沉稳色系重建集团级信任感。
背景 · 业务分散
BACKGROUND
这家集团下有制造、贸易、地产、金融、文化五条业务线,旧官网是各业务部门轮流往首页塞内容的结果:导航里有十一个主入口,首屏堆着六张轮播图,每张都强调自己的业务。访客进来后第一反应不是"这是一家有实力的集团",而是"这到底是一家什么公司"。
我们在调研阶段访谈了 12 位潜在合作方,发现他们最关心三件事:集团做什么、有多稳、能不能对接到我。这三件事,旧官网一个都没在 3 秒内说清。
决策 · 沉稳色系
DESIGN DECISION
集团官网最忌讳"轻"。金融、地产这类业务需要传递稳健与可托付感,于是我们放弃了原先偏明亮的橙红主色,改用深墨绿(#2D5028)作为主品牌色,搭配奶白底(#FBF9F2)与少量浅蓝(#6B9BD1)做点缀。墨绿在中文语境里对应"生长与稳健",比常见的深蓝更有人情味,又比墨黑更有呼吸感。
关键判断在于克制:色系定了,但全站主色出现面积控制在 12% 以内,大部分版面留给奶白底与正文灰。集团感来自"留白与节奏",而不是"颜色铺满"。这一点和许多客户想象相反——他们以为集团官网要"重",其实"稳"比"重"更高级。
落地 · 信息架构
INFORMATION ARCHITECTURE
重构后的导航从业务部门视角改成了访客视角:首页讲集团是谁、业务页讲做什么、案例页讲做过谁、动态页讲在做什么、关于讲为什么。五条业务线收敛进二级菜单,每条业务线落地页统一用"业务概览—核心能力—代表案例—联系方式"四段式,让不同业务的页面骨架一致,访客无需重新适应。
栅格上我们用 12 列网格,业务卡占 4 列,三张一行排列;首屏价值主张区占 7 列,右侧 5 列留给集团关键数据。这种 7:5 的不对称比常见的居中三栏更有"集团感",因为不对称本身就传递出一种"有内容可讲"的自信。
集团官网的高级感不来自某一个大动作,而来自四个被反复推敲的小决策。
首屏只讲一句话,放弃六张轮播。集团定位在 3 秒内被读懂,比展示多少业务更重要。
每条业务线落地页统一为概览、能力、案例、联系四段,跨业务体验完全一致,无需重新适应。
深墨绿主色面积控制在 12% 以内,靠留白与节奏传递稳健,而非靠颜色铺满制造"重量"。
首屏 7:5 比例代替居中三栏,用结构上的不对称传递"有内容可讲"的集团自信。
新版上线 90 天后的关键指标变化,来自客户后台与第三方监测的合并数据。