尧图网站设计尧图网站设计YAOTU DESIGN
CASE · CORPORATE

企业集团官网品牌升级

一家拥有五条业务线的集团企业,旧官网被业务部门各自塞满信息,访客进来三秒找不到主线。我们的任务是重组信息架构,并用沉稳色系重建集团级信任感。

企业集团官网品牌升级设计
集团多业务线信息架构梳理 背景 · 业务分散

BACKGROUND

业务多了,但官网却"看起来很碎"

这家集团下有制造、贸易、地产、金融、文化五条业务线,旧官网是各业务部门轮流往首页塞内容的结果:导航里有十一个主入口,首屏堆着六张轮播图,每张都强调自己的业务。访客进来后第一反应不是"这是一家有实力的集团",而是"这到底是一家什么公司"。

我们在调研阶段访谈了 12 位潜在合作方,发现他们最关心三件事:集团做什么、有多稳、能不能对接到我。这三件事,旧官网一个都没在 3 秒内说清。

  • 导航主入口从 11 个收敛到 5 个业务 + 1 个关于集团
  • 首屏从轮播图改为单一价值主张,3 秒读懂集团定位
  • 每条业务线统一用"业务卡 + 落地页"结构,避免各自为政
沉稳冷色系配色塑造信任感 决策 · 沉稳色系

DESIGN DECISION

用沉稳色系,压住集团的"重量"

集团官网最忌讳"轻"。金融、地产这类业务需要传递稳健与可托付感,于是我们放弃了原先偏明亮的橙红主色,改用深墨绿(#2D5028)作为主品牌色,搭配奶白底(#FBF9F2)与少量浅蓝(#6B9BD1)做点缀。墨绿在中文语境里对应"生长与稳健",比常见的深蓝更有人情味,又比墨黑更有呼吸感。

关键判断在于克制:色系定了,但全站主色出现面积控制在 12% 以内,大部分版面留给奶白底与正文灰。集团感来自"留白与节奏",而不是"颜色铺满"。这一点和许多客户想象相反——他们以为集团官网要"重",其实"稳"比"重"更高级。

  • 主色深墨绿 #2D5028,对应稳健、生长、可托付
  • 主色出现面积控制在 12% 以内,留白承担质感
  • 正文用 #5A6660 中性灰,避免纯黑造成的"硬"
集团信息架构栅格落地 落地 · 信息架构

INFORMATION ARCHITECTURE

把"业务列表"重排成"价值路径"

重构后的导航从业务部门视角改成了访客视角:首页讲集团是谁、业务页讲做什么、案例页讲做过谁、动态页讲在做什么、关于讲为什么。五条业务线收敛进二级菜单,每条业务线落地页统一用"业务概览—核心能力—代表案例—联系方式"四段式,让不同业务的页面骨架一致,访客无需重新适应。

栅格上我们用 12 列网格,业务卡占 4 列,三张一行排列;首屏价值主张区占 7 列,右侧 5 列留给集团关键数据。这种 7:5 的不对称比常见的居中三栏更有"集团感",因为不对称本身就传递出一种"有内容可讲"的自信。

  • 导航从业务部门视角改为访客视角,五段式贯穿全站
  • 业务落地页统一四段式骨架,跨业务体验一致
  • 首屏 7:5 不对称栅格,替代居中三栏的常规感
DESIGN HIGHLIGHTS

四个让集团感真正立起来的细节

集团官网的高级感不来自某一个大动作,而来自四个被反复推敲的小决策。

单一价值主张

首屏只讲一句话,放弃六张轮播。集团定位在 3 秒内被读懂,比展示多少业务更重要。

业务卡四段式

每条业务线落地页统一为概览、能力、案例、联系四段,跨业务体验完全一致,无需重新适应。

沉稳色系克制

深墨绿主色面积控制在 12% 以内,靠留白与节奏传递稳健,而非靠颜色铺满制造"重量"。

不对称栅格

首屏 7:5 比例代替居中三栏,用结构上的不对称传递"有内容可讲"的集团自信。

PROJECT METRICS

交付之后,数据说话

新版上线 90 天后的关键指标变化,来自客户后台与第三方监测的合并数据。

0 跳出率下降
0 平均停留时长
0 导航主入口收敛
0 品牌认知准确率

你的集团官网,也在被业务塞满吗?

留言告诉我们你遇到的业务线冲突 · 我们会给出信息架构与配色的具体重组建议