ESG页面越做越重,用户反而找不着北?几个上市集团官网改版中遇到的实际问题

(最后更新:2026-08-03Chris Song

今年上半年陆续聊了几个上市公司的官网改版项目,发现一个共性现象:ESG板块大家都觉得必须做,而且要对标龙头。蚂蚁的页面结构、隆基的内容体量,基本成了行业参照系。但真开始做了,问题就来了。

把蚂蚁和隆基的ESG页面翻出来仔细看,信息量确实大。战略、数据、报告、案例,该有的都有。但恰恰是因为太全了,用户进去容易懵。导航栏一堆条目,点进去又是长篇文字配几张图,再往下翻是数据表格和PDF链接。不花点时间仔细琢磨,很难快速搞清楚这家公司ESG到底做了什么、做得怎么样。

这不是说人家做得不好,而是这类页面的天然困境:要照顾的受众太多,要放的内容太杂,最后只能全摆上去,让用户自己找。

那有没有更好的处理方式。结合最近几个项目的实际推进情况,我们总结了一些方向。

● ESG板块要不要做成子站

我们的判断是,对于上市公司集团官网来说,ESG做成一个独立子站或者至少是一级独立栏目,更合理。

原因很简单。官网主站的用户路径通常是产品→解决方案→关于我们,是一条偏商务的线索。ESG的访客路径完全不同,投资者想看治理架构和数据趋势,求职者想了解企业文化和员工政策,监管方要快速定位合规披露文件。这些需求跟主站的逻辑搭不上。

独立出来的另一个好处是内容更新不影响主站。ESG相关的动态、报告发布、评级变化,如果每次都牵涉主站全局,维护成本会高很多。子站独立运营,主站留个入口就行。

● 不做五六个页面模型,有没有办法把信息讲清楚

一开始我们也觉得ESG内容这么杂,怎么着也得五六个不同样式的页面才能装下。后来发现,很多时候是信息组织方式的问题,不是页面数量的问题。

可以试试分成三层来规划。

第一层是总览页。让用户在30秒内建立整体认知。不要放太多文字,用几组关键数据卡加一个战略框架图就够了。温室气体排放同比变化、可再生能源使用比例、员工总数,这几项放出来,投资者和监管方的基本需求就满足了,普通访客也能快速感受到这家公司在ESG上的投入。

第二层是三大主题页。环境、社会、治理各一个页面。每个页面控制在一屏到一屏半的长度,用图表替代大段文字,用时间线展示关键里程碑,用案例卡片呈现具体项目。原则是不要让用户滚动超过三次还看不到有效信息。

第三层是资料库页。所有PDF报告、政策文件统一放这里,做好年份筛选和分类标签。需要深度研究的人自己来翻,不需要的人不会被干扰。

核心页面模型三个就够,加上一些内部调用的组件模块,开发量比预想的少不少。

● 实际执行时哪些细节容易忽略

几个反复踩到的点,值得单独提一下。

数据可视化。很多ESG页面放数据就是直接把表格复制过来,或者做个简单的柱状图。但把连续几年的数据放在一起看趋势,说服力明显不一样。碳排放强度逐年下降的折线图,比单独列数字直观得多。

导航命名。见过一些项目把导航叫做战略框架、治理体系、责任实践、报告中心。不能说不对,但对于不熟悉ESG术语的访客来说,理解成本偏高。改成环境、社会、治理、报告与数据,朴实但谁进来都能一眼找到。

移动端适配。这个容易被忽略,因为ESG页面设计时默认是大屏展示。但现在手机访问官网的比例越来越高,图表在小屏上能不能看清楚、导航在手机上好不好操作,这些都得在开发阶段就考虑进去。

● 说回来

ESG页面越做越重,用户反而找不着北,这个矛盾不是内容本身的问题,是呈现方式的问题。龙头企业的页面架构可以参考,但不能照搬。每家公司ESG工作的侧重点不一样,真正需要的是把自己的核心信息提取出来,用合适的方式呈现。

页面模型的数量不重要,重要的是用户进来能不能快速找到需要的东西。用一个页面能讲清楚的事,非要拆成三个,那是过度设计。反过来,确实需要多个页面才能照顾到不同受众,那就该做就做,信息层级清晰就行。

今年接触的几个项目,有的还在推进,有的已经上线了。回头看的体会是,ESG页面这块,前期的信息梳理比设计开发本身更关键。把企业已经做的事理清楚、分好类、定好优先级,页面怎么做就是顺理成章的事了。

ESG页面越做越重,用户反而找不着北?几个上市集团官网改版中遇到的实际问题 查看前台 保存 - 素马设计 | 素马设计