官网是品牌资产的放大器，也可能是品牌形象的"打折器"。 先有 VI 再建站，还是边建站边补 VI，成本差异很大：分开找两家团队做，重复沟通与视觉返工的费用，最后都会算在你头上。本文拆解品牌与官网一体化的这笔账。
一、分开做的三重重复成本
| 成本 | 怎么发生 | 一体化怎么省 |
|---|---|---|
| 沟通与理解成本 | 两个团队各自理解一遍品牌，口径难以对齐 | 一套品牌策略贯穿始终 |
| 视觉返工成本 | 官网落地时发现 VI 不适配屏幕与交互 | 设计阶段即考虑多端延展 |
| 风格断层成本 | 线下物料与官网"两张皮"，访客感知割裂 | 统一视觉规范，全渠道一致 |
三笔成本单独看都不刺眼，加在一起，往往超过一体化方案与分开外包的差价。更贵的是隐性损失：品牌形象不统一，专业度在访客心里是打折的。
二、一体化怎么做才值：从品牌策略到页面系统
- 品牌策略先行：定位、人群、话术——这是 VI 与官网共同的"宪法"；
- VI 系统落地：LOGO、色彩、字体、辅助图形，同时定义数字端使用规则；
- 页面系统延展：把 VI 转译为网页语言——栅格、组件、动效、响应式规则；
- 规范文档交付：品牌规范 + 页面设计规范一起交付，后续任何物料都有据可依。
核心是第 3 步：VI 不是"贴"到官网上的，而是被"翻译"成页面系统的——这是品牌设计能力与普通建站的分水岭（参考 /brand-design/）。
三、什么时候可以分开做、怎么衔接
- 已有成熟 VI：直接按规范延展建站即可，不需要重做品牌；此时选择"有品牌设计能力的建站团队"是关键；
- VI 陈旧待升级：建议品牌升级与官网改版同步立项、同步交付，一次对齐、一次验收；
- 必须分开做时：用两份文档衔接——品牌方提供完整 VI 规范，建站方交付页面设计规范；合同里写明"视觉不一致"的返工责任。
分不分家是选择，有没有交接规范是底线。
四、真实案例：上市公司的形象一致性
以爱萨尔生物（生物医药上市公司）为例：面向投资者、客户与监管的多重受众，官网与品牌物料必须保持同一套专业形象——色差、字体、版式的细微不一致，在资本市场语境下都会被放大为"不专业"。品牌与官网统一规划，本质是对品牌资产的一次性锁定。
五、决策清单：你的项目该怎么选？
- VI 是否已有且能覆盖数字端使用场景？
- 官网是品牌升级的一部分，还是独立的技术项目？
- 预算够不够支撑"策略→VI→页面"的完整链条？
- 若分开做，交接规范与返工责任是否写进合同？
- 供应商是否有"品牌+官网"的同场交付案例？
五个答案凑齐，一体化还是分开做，答案自然浮现。
FAQ
- Q：品牌官网设计为什么比普通建站贵？ A：贵在原创品牌延展——从策略到视觉到页面系统的一条线设计，而非套模板换色（详见 /website/669.html）。
- Q：VI 和官网先做哪个？ A：理想顺序是先定品牌再建站；现实中最优解是同步立项、同一团队交付，避免风格断层与返工。
- Q：已有 VI 能直接建站吗？ A：可以，按规范延展即可；但要确认 VI 覆盖了数字端规则（色彩、字体在屏幕上的应用），不足时先补规范。
- Q：品牌设计与建站一起报价怎么算？ A：按方案分模块计价，网站价格 1 万元起、主流均价 3-5 万元、定制上不封顶，以需求方案报价为准。