容百科技官网升级设计：从企业介绍到全球数字门户

对于一家新能源材料上市公司，官网既是面向客户、合作伙伴和投资者的官方窗口，也是企业技术实力、产业布局与全球化战略的集中表达。

随着容百科技登陆资本市场、业务体系不断发展，原有官网在视觉设计、交互体验、内容完整度和运营效率方面，已经难以匹配企业新的品牌阶段。互橙以"全球正极材料企业的官方数字门户"为方向，对容百科技官网展开整体升级。

一、官网升级，先解决企业形象与发展阶段不匹配的问题

从科创板首批上市到跨国新能源材料集团

截至 2026 年 9 月，宁波容百新能源科技股份有限公司是一家专业从事锂电池正极材料研发与经营的跨国型新能源材料集团。

容百科技由中韩两支拥有多年锂电正极材料行业经验的团队共同打造，官方定位为全球领先的正极材料产业整体解决方案提供者。公司于 2019 年 7 月登陆上交所科创板，证券代码为 688005，是科创板首批上市企业之一。

"上市公司"与"跨国集团"这两个身份叠加，意味着官网要承载的信息远多于一般企业站——既要有面向资本市场的正式信息发布，也要有面向海外客户的业务表达。

旧官网的四个问题：视觉、交互、内容、运营

容百科技原有官网建设时间较早。随着企业上市及全球业务发展，旧网站逐渐出现几个问题：

四个问题里只有一个是视觉层面的。这决定了项目的性质。

升级不能停留在视觉换新

因此，容百科技官网升级不能停留在视觉换新，而要同时解决品牌定位、用户体验、内容治理和长期运营问题。

把四件事放在同一个项目里做，是上市企业官网升级与普通改版的本质区别——单纯换一套设计稿，解决不了内容无人维护的问题。

二、从行业标杆中提炼设计原则

项目的三条明确期望

在项目启动阶段，容百科技明确提出，希望新官网兼具新能源行业的科技氛围、国际化品牌形象与简洁易用的交互体验。

这三条期望之间其实存在张力：科技氛围容易走向视觉过载，国际化要求克制，而简洁易用又会限制表现手法。项目的设计工作，基本都在这三者之间寻找平衡点。

三项设计原则

互橙对新能源、高端制造及全球科技企业的优秀官网进行了系统分析，重点研究其首屏表达、视觉节奏、信息架构和交互方式，并从中提炼出三项适用于容百科技的设计原则：

• 第一屏快速建立正极材料与新能源科技认知

• 网站操作直观，减少不必要的交互和学习成本

• 内容结构清晰，让客户、投资者与合作伙伴高效找到目标信息

  
  

不照搬标杆，结合自身品牌资产

互橙没有照搬行业标杆的页面形式，而是结合容百科技的品牌色、正极材料业务、上市公司身份和全球化发展方向，形成具有自身识别度的官网设计语言。

对标的价值在于提炼原则，而不是复制形式。标杆网站的版式之所以成立，往往依赖它自身的品牌资产与用户结构——直接搬过来，反而会失去识别度。

三、重新定位官网：面向全球的正极材料企业数字门户

官网需要回答的五个问题

容百科技希望新官网能够匹配企业的行业地位、上市公司身份和国际化发展方向。基于这一目标，互橙将官网定位为"面向全球客户与利益相关方的正极材料企业数字门户"。

围绕这个定位，容百科技官网需要回答五个问题：

叙事结构的转向

官网的叙事由此从"企业介绍与产品罗列"，转向"企业定位、产品材料、技术能力、全球布局与信任依据"的完整表达。

前一种叙事假设所有访客都从同一个入口、带着同一种兴趣进入；后一种叙事承认访客身份不同、关心的问题不同，因而需要为每一类问题准备对应的答案。

定位如何决定后续所有取舍

这五问看起来朴素，实际是整站设计的判据：

• 首页要不要放投资者入口？——第五问要求回答"不同用户如何找到信息"，所以必须放。

• 技术页面要不要写得深？——第三问要求说明研发与制造能力，深度是必要的。

• 要不要放资质与认证？——第四问要求给出信任依据。

定位不是一句口号，而是后续所有取舍的依据。

四、按用户任务重构信息架构

五类用户，五种完全不同的任务

容百科技官网面对的不只是产品采购客户，还包括投资者、产业合作伙伴、政府与媒体、求职者及海外访客。不同用户进入官网时，带着不同任务。

五类用户的关注点几乎没有交集——这正是多角色官网的复杂度所在。

不按企业内部部门设置栏目

互橙没有按照企业内部部门设置栏目，而是按照用户的信息需求组织内容。

这个选择看似自然，实际是很多企业官网出问题的根源：按部门分栏目，访客必须先学会企业的内部语言，才能找到自己要的东西。

十个核心板块

官网核心架构围绕以下板块展开：

• 企业与品牌介绍

• 正极材料及产品体系

• 技术研发与创新能力

• 生产制造与质量保障

• 行业应用与市场布局

• 全球业务与产业合作

• 投资者关系

• 可持续发展与企业责任

• 新闻动态

企业文化与人才招聘

为后续内容保留生长空间

这一架构既覆盖容百科技的业务信息，也为后续增加产品、技术、市场和投资者内容保留空间。

上市公司的内容是持续增长的——新的定期报告、新的产能布局、新的技术节点都会不断产生。架构在设计阶段就要为增长预留位置，否则每次更新都要动结构。

五、三维首屏：让用户第一眼感知新能源材料属性

厂房、人物与产品照片为什么不够

官网首屏决定了用户对企业的第一印象。对于正极材料企业，如果只展示厂房、人物或产品照片，很难体现材料科技的行业特点。

原因在于：正极材料是粉末状的中间品，它本身缺少直观的视觉形态。用常规的企业摄影语言很难表达"我们在做什么"。

三维首屏承担的三项传播任务

互橙在容百科技官网首屏中引入三维建模与动态视觉表达，通过具有新能源材料属性的空间关系、光影变化和动态节奏，建立更鲜明的科技氛围。

三维首屏并不是单纯追求视觉效果，而是承担三项传播任务：

不阅读文字也能初步判断

用户进入官网后，不需要阅读大量文字，就能初步判断容百科技所在的行业以及企业希望传递的品牌气质。

首屏的效率不在"讲了多少"，而在"被理解了多少"。

六、沿用品牌资产，建立更克制的科技视觉

以现有品牌色为基础

容百科技官网升级需要形成新的视觉体验，但不能脱离企业原有品牌体系。

互橙以容百科技现有品牌色为基础，通过颜色层级、留白、字体、图片比例和动态效果，建立统一的网页视觉规范。

沿用而非推翻既有品牌色，是上市公司视觉升级的常规选择——品牌资产的连续性，在资本市场语境下尤其重要。

三类页面的不同视觉侧重

不同类型页面的功能不同，视觉侧重也随之不同：

科技感服务于信息表达

视觉设计遵循一个基本原则：科技感服务于信息表达，而不是遮挡信息。

正极材料属于专业技术领域。官网既要具备品牌识别，也要让客户和投资者能够高效阅读，因此整体设计保持简洁、克制和清楚。

七、降低交互学习成本，让用户更快找到内容

用户不该研究网站如何操作

旧官网的部分交互形式增加了操作复杂度。此次升级中，互橙将"降低用户学习成本"作为交互设计的重要原则。

用户不需要研究网站如何操作，页面结构本身就应该给出明确提示。

七个交互优化方向

互橙围绕以下方向优化网站体验：

• 一级导航直接呈现核心业务和用户入口

• 下拉菜单清楚展示相关内容关系

• 重要页面减少不必要的点击层级

• 产品、技术和企业内容采用一致的页面逻辑

• 动效只用于解释信息或引导浏览

• 重点按钮采用明确、统一的操作语言

• 桌面端与移动端保持一致的信息优先级

这七条的共同点是：它们都不增加新功能，只是减少用户的判断成本。

任何页面都应回答的三个问题

用户进入任何页面后，都能快速理解"当前在哪里、可以看到什么、下一步可以去哪里"。

这三个问题构成了导航设计的基本检验标准——如果访客在某个页面无法回答其中任何一个，说明这一页的信息结构还有问题。

八、从材料到企业文化，建立完整内容体系

内容缺少统一规划的根源

容百科技旧官网面临的另一个问题，是内容缺少统一规划。企业发展速度较快，但官网内容没有同步形成稳定的组织方式。

"内容不完整"往往不是写得少，而是没有分类框架——所有内容堆在一起，反而看不出缺什么。

四个内容层级

互橙对容百科技的内容进行重新分类，将官网内容划分为四个层级：

四层内容对应用户的四步判断

四个层级共同回答用户对容百科技的判断过程：

容百科技是谁 → 容百科技做什么 → 容百科技为什么值得信任 → 容百科技希望成为怎样的企业

这个顺序与用户的认知路径一致。内容分类的价值，在于让每一层都能被单独检视——如果第三层薄弱，说明信任建设还没有做够。

九、上市公司官网如何兼顾品牌与合规？

合规是上市公司的特殊命题

上市公司官网既要展示品牌，也要承担正式信息发布和利益相关方沟通责任。

容百科技官网升级将合规要求纳入整体规划，重点关注企业信息、投资者内容与对外表达的一致性。

内容层面：准确性与公开依据

在内容层面，有三项要求：

• 企业名称、证券简称、股票代码、产品信息和公开数据需要保持准确

• 投资者公告需要拥有清楚入口，并区分不同内容类型

• 涉及企业经营、技术能力和行业地位的表述，需要具备对应的公开依据

第三项尤其关键。"行业领先""技术先进"这类表述，在上市公司官网上需要有可核对的公开来源支撑。

运营层面：来源、审核与更新机制

在运营层面，不同栏目需要明确内容来源、审核责任和更新机制，避免新闻、产品与投资者信息长期无人维护。

这是上市企业官网最常见的隐性风险：上线时内容齐全，一两年后部分栏目长期停更，反而影响可信度。

技术层面：安全、隐私与持续运维

在技术层面，官网还需要考虑访问安全、隐私说明、数据管理、移动端兼容和持续运维。

合规不是上线前的一次检查

对上市公司而言，合规不是网站上线前的一次检查，而是贯穿内容生产、审核、发布和更新的长期机制。

十、用全球用户能够理解的方式表达中国材料企业

避免只从企业内部角度表达

容百科技由具有国际行业经验的中韩团队共同打造，企业业务与产业布局具有全球化属性。官网需要避免只从企业内部角度表达，也要让海外客户和合作伙伴看懂。

全球用户视角的六条原则

互橙在网站内容与结构规划中强调全球用户视角：

国际化不是把中文翻译成英文

国际化官网并不是把中文内容翻译成英文，而是按照全球客户的判断习惯重新组织信息。

两者看起来做的是同一件事，实际差别很大：翻译解决的是语言问题，重新组织解决的是理解路径问题。海外客户判断一家材料供应商的维度，与国内客户并不完全相同。

十一、官网如何为 SEO 与 GEO 建立信息基础？

官网是机器识别企业信息的重要来源

官网是容百科技面向搜索引擎和 AI 平台的重要官方信息来源。清晰的信息架构，有助于机器准确识别企业名称、行业属性、产品体系和技术方向。

八项基础设置

从 SEO 与 GEO 角度，容百科技官网内容需要具备以下基础：

这些设置的效果边界在哪里

这些设置可以改善网站的可抓取性与信息清晰度，但不能直接等同于已经获得搜索排名或 AI 推荐。

这一点值得单独说明。SEO 与 GEO 的基础建设解决的是"机器能不能读懂你"，而能否获得排名与引用，还与竞争环境、内容质量、第三方信源等多种因素相关。把基础建设说成效果保证，是不准确的。

SEO 与 GEO 效果如何持续验证

实际 SEO 与 GEO 效果仍需要通过收录、自然流量、固定问题测试、品牌提及和引用来源持续验证。

五项验证里，固定问题测试是最直接的方式：把目标用户真实会问的问题整理成问题集，定期在各 AI 平台测试品牌是否出现、如何被描述。

十二、项目价值：让官网匹配企业下一阶段的发展

解决的不是页面是否美观

容百科技官网升级项目解决的，不只是页面是否美观，而是企业如何通过一个官方平台，统一表达自身业务、技术、品牌和全球化方向。

互橙通过官网定位、用户分析、信息架构、三维首屏、品牌视觉、交互优化与内容体系规划，将容百科技的正极材料行业属性转化为用户可以快速感知和理解的数字体验。

三个方面的价值

升级后的官网体系兼顾三方面价值：

互橙"永续经营"理念的体现

这也是互橙"永续经营"理念在网站建设中的体现：官网不是一次性的设计成果，而是能够持续承载企业发展、内容更新和全球沟通的数字资产。

十三、新能源材料企业官网建设常见问题

互橙为容百科技提供了哪些官网服务？

互橙为容百科技提供官网整体升级服务，项目涵盖现状分析、用户梳理、网站定位、信息架构、品牌视觉、三维首屏、交互体验及内容体系规划。

正极材料企业官网应该重点展示什么？

正极材料企业官网应重点展示企业定位、产品体系、技术能力、生产与质量保障、应用方向、全球布局、合作案例及企业资质。上市企业还需要设置清晰的投资者关系入口。

新能源企业官网为什么适合使用三维建模？

三维建模可以表现材料结构、能源流动和产品应用关系，帮助用户快速感知新能源企业的科技属性。

但三维效果需要服务于品牌叙事，不能影响页面速度和信息阅读。视觉效果与访问性能之间的平衡，是三维方案能否落地的关键。

上市公司官网与普通企业官网有什么区别？

上市公司官网面对客户、投资者、媒体、政府及员工等多类用户，需要更加重视信息准确性、投资者关系、内容审核、安全性和持续运维。

官网视觉越复杂，科技感就越强吗？

不是。

科技感来自品牌色、空间关系、内容节奏、动态图形与专业信息的协同。过多交互会增加学习成本，也可能影响访问速度。好的科技官网应当视觉鲜明，但操作简单。

官网改版后能否直接提升 AI 推荐？

不能直接保证。

官网改版可以改善内容结构、实体一致性和机器可读性，为 GEO 提供基础；是否获得 AI 提及或引用，还需要通过固定问题集和引用来源持续测试。

十四、写在最后

官网成为数字平台的三个标志

容百科技官网升级项目的核心，是让一家锂电池正极材料上市公司的技术实力、产业布局和全球化愿景，在数字世界中得到准确表达。

当客户能够迅速找到产品与解决方案，当投资者能够便捷获取公开信息，当海外合作伙伴能够理解容百科技的业务价值——官网才真正成为企业对外沟通与长期经营的数字平台。

三个标志分别指向三类用户：客户、投资者、海外合作伙伴。三者都成立，官网才算完成了它的定位。

适用企业与下一步

如果你的企业属于锂电池材料、新能源材料、储能、电池或高端制造行业，正在规划上市公司官网、全球化网站或品牌升级，可以联系互橙，预约一次官网定位与用户体验诊断。