2023新能源行业网站建设现状及定制设计趋势分析

时间：2023-08-08 18:30:02 | 来源：网站运营

时间：2023-08-08 18:30:02 来源：网站运营

2023新能源行业网站建设现状及定制设计趋势分析：三年疫情，让很多企业活得很艰难，尤其是制造行业，款项收不上、资金难以正常运转，因此很多企业不得不开始寻求其他的发展渠道。其中，把企业网站重塑以提升企业的在线形象，是很多企业面对市场低迷状态下最为优先和重要的动作之一。据了解，疫情后最先恢复活力的行业是科技、新能源等行业，所以今天我们对新能源行业做了一番调研，通过这些知名的能源集团公司的官网建设现状进行分析，总结出一些新网站定制设计趋势。

以下能源集团公司网站分析，排名不分先后。

NO.1

因为我是从事网站定制设计行业的，所以对每个行业比较优秀的企业和他们的官网都会作为一种职业的习惯去关注。很不巧，最近2年我都在关注宁德时代这家能源公司，而且在股票行业，大家也都常常说到它，所以我们第一个新能源网站就以宁德时代开始吧。

宁德时代
宁德时代新能源科技股份有限公司是全球领先的新能源创新科技公司，致力于为全球新能源应用提供一流解决方案和服务。

官网地址：https://www.catl.com/





首先进入眼帘的是一副动态的城市生态景象。这是通过类似C4D建模软件建设渲染和制作出来的动画。再结合网页前端制作工艺来实现网页端的微交互事件，是一个较为常见的网站表现形式。

我们在杭州瑞莱科技官网中也能看到类似的设计、制作手法。



杭州瑞莱智慧科技官网：https://real-ai.cn/

但不同的是，宁德时代官网似乎考虑的更细腻一些，他们把这个动画复制成2份影像，就是白天与夜晚模式。当用户是白天时间段访问网站时，看到的是高亮模式：




到了晚上时间段访问官网，则看到了夜晚的模式




而且，当客户端访问时，如果视频文件加载未完成，则优先显示图片静态模式，加载完成后再显示视频动画背景模式。
https://www.catl.com/uploads/1/video/public/202203/20220304152351_1bgjth1x60.mp4

首页作为整站的窗口，而首屏又是首页最重要的位置，所以宁德时代在首屏仅仅做了2个内栏目的链接。即 关于集团、各个解决方案的入口。如果你的客户是注重产品或其他，则应该做相应的调整。




第二屏则展示公司最新的动态。不同的企业对于首页展示的内容板块是不同的，这主要取决于网站重塑的目的、客户群体和背后的运维战略。不同的布局战略会有不同的故事线索。

而内页设计当中，可以看到宁德时代花了一些经费来提升企业宣传片。




通过首页可以判断出，宁德时代应该是更为注重他们在各行业方面的解决方案的，所以解决方案这个栏目，做到了每个不同的解决方案，采用不同的页面模型设计和后台管理。



在一些复合型页面上，考虑到页面的长度问题，也做了一些浮窗工具方便用户快速翻转。




其他页面的内容布局和设计手法，没有太大的参考价值。

NO.2

第二家介绍的公司，是杭州的协合新能源。


协合新能源集团有限公司(简称协合新能源，http://0182.HK)，成立于2006年，是一家国际性的可再生能源集团，也是目前香港证券市场上唯一一家具有纵向集成一体化商业发展模式的清洁能源发电上市公司，以风力和太阳能发电厂投资运营、风力和太阳能发电服务业务为主营业务。


官网地址：协合新能源集团有限公司




首屏采用的是九宫格的删格系统来布局内容。把企业的战略、远景、定位首先表达出来。接着展示核心业务部分，是一种较直接的以营销商务为目的的建站方式。

第二屏则以信息和数据展示为主。




说到数据，感觉这种表现方式可以有更好的表现，比如大家关注电动车的话，可以看看小牛、雅迪。




小牛电动官网-全球智能城市出行品牌




这个数据是动态更新的，会显更震撼，更真实。

内页的栏目我大体看了一下，没有太多吸引点，都是比较正统的设计手法，基本没有前沿的前端制作工艺。




NO.3

这第三家新能源集团公司，是杭州亿纬锂能股份有限公司。


杭州亿纬锂能股份有限公司（简称：亿纬锂能）成立于2001年，于2009年在杭州创业板首批上市，历经21年快速发展，已成为具有全球竞争力的锂电池平台公司，同时拥有消费电池和动力电池核心技术和全面解决方案，产品广泛应用于物联网、能源互联网领域。（股票代码：300014）
官网地址：https://www.evebattery.com/




大家看到这个界面是否有一种似曾相似的感觉。没错。也是才用了类似C4D建模渲染的三维技术来制作动画素材，再结合前端制作工艺来实现微交互部分的内容展示。

数据展示的部分，采用的是常见的数据动态变化的展示方式。




同样的数据展示方式，有些公司网站做得很细致，很友好。



比如杭州铸成律所官网首页的数据，可以做到后台维护数字的信息，数字背后结合一些三维颗粒的动画效果来衬托数据，且三角形这些视觉元素跟公司的VI延展图形一致。

关于发展历程这块，我想讲一讲。



以这个企业的为例，每年支持展示多个重要事件，但对于一些更大行的上市集团公司，可能每年的重大事件是以月份为单位的，且可能需要配置对应的图像。这个布局就不太合适，包容性方面较弱。




关于每一款产品的特点介绍这一块，我相信很多企业都是优先选择图标+文字+数据的方式展示，这样比较潮流、简洁，符合网页特性，但难点就是，每一款产品的特性都不同，而建站公司不太可能给每一款产品都定制不同的图标，这会给甲方公司带来一定的困扰，毕竟建站费用没有办法包含内容设计部分。这个是建站公司和甲方签约时需要沟通清楚的。

比起图标配文字，可能图像配文字对于后期维护更为简单。如大咖国际官网的产品分类。



当然，也要看情况，如果图标+文字效果更优秀，还是会花点经费来提升一下内容设计的。这样视觉部分就会更统一。



像这样的专业图标Icon, 公司没有品牌UI设计师的话，是很难输出的。

这家能源公司内页设计，应该是花了不少成本在整站的图标Icon设计方面。






除此之外，没有太多的参考价值。

NO.4

下面介绍的这家新能源集团上市公司是来自浙江。

隆基绿能科技股份有限公司


成立于2000年的隆基绿能科技股份有限公司(以下简称“隆基绿能”)，致力于成为全球最具价值的太阳能科技公司。


官网地址：隆基绿能-成为全球最具价值的阳能科技公司





访问瞬间，会被海报区域的这个精致的视频吸引住，应该是花了不少人力财力来拍摄制作这几个视频。



通过不同的主题文字引出不同的视频主题，视频素材是本次升级的重点。

这让我不得不想起另一家企业————农夫山泉，那精美的视频，看了就想喝它的水。






当然，我也会想起传统制造行业的上市公司洲明集团的一个产品专题页里的精彩视频，犹如大片《阿凡达》系列一样。



裸眼3D解决方案-裸眼3DLED显示拼接屏厂家-洲明科技

视频素材，确实是一个快速提升网站内容和视觉品质的重要因素，但也会有一个问题就是客户端的浏览体验。如果没有结合云点播技术，客户端访问起来会很糟糕，很卡顿。

整站在色空、品牌元素提炼和延展方面还算做得不错。也在尝试着结合图标设计的搭配，让界面多一些网页属性。



网站底部增设了一些快速与管理员互动的入口，也是考虑网站可能增加的转化率的因素。




这个网站的发展历程模块，做得比较饱满，结构相对复杂一些。可以支持年份、月份等多个多重事件的展示。



NO.5

接着跟大家介绍的第五家新能源公司，是来自杭州的，杭州市汇川技术股份有限公司。


杭州市汇川技术股份有限公司（简称“汇川技术”）创立于2003年，聚焦工业领域的自动化、数字化、智能化，专注“信息层、控制层、驱动层、执行层、传感层”核心技术，专注于工业自动化控制产品的研发、生产和销售，定位服务于高端设备制造商，以拥有自主知识产权的工业自动化控制技术为基础，以快速为客户提供个性化的解决方案为主要经营模式，持续致力于以领先技术推进工业文明，快速为客户提供更智能、更精准、更前沿的综合产品及解决方案，是国内工业自动化控制领域的佼佼者和上市企业，入选 “2020胡润中国500强民营企业”，排名第93位。汇川技术拥有杭州、杭州、杭州、杭州、杭州、杭州、香港等20余家分子公司，2021年汇川技术研发投入 16.85亿元，拥有员工1.69万余人，其中专门从事核心平台技术研究、应用技术研究和产品开发的研发人员达3560人。


官网地址：https://www.inovance.com/index





遗憾的是，这家公司的官网没有太多吸引到我的地方，从首屏到内页，都是中规中矩的设计手法。




而对于产品的展示，用户较关心的一些信息，都没有做很细致的设计和表现。比如参数的表格，显粗糙



右侧的这些特点的展示，有很大的局限性，当陈列的信息超过一定数量后，视觉会失去平衡。




而对于解决方案或产品详情页的一些信息流的模块，显得有些零散，没有区分的感觉。


模块、板块之间的衔接词、句，也不够个性化，都是一些司空见惯的说辞。




像这些页面的配图，也是有些失真，不够品牌化。




NO.6

杭州先导智能装备股份有限公司于1999年创立，2015年在创业版上市，股票代码300450，业务涵盖锂电池智能装备、光伏智能装备、3C智能装备、智能物流、汽车产线、氢能智能装备、激光精密加工、机器视觉等八大领域，是新能源装备的全球第一品牌。

官网地址：先导智能-致力于成为全球智能装备领军企业





采用3D建模渲染技术来完成动态视频素材的制作，再结合前端制作工艺来展示微交互的内容。




通过数据，展示企业的业界成就和实力。




通过卡片式的交互，引出视频内容。




解决方案的展示，是新能源公司必不可少的板块之一。这里采用的是方案与图片的对应切换。

发展历程，设计与前端工艺花了点心思，做了一个波浪的造型。只可惜，这些视觉元素，跟内容区域的竖线，有重复干扰的影响，而且又跟品牌标志里的延展图形没有太大关联。



对于证书的展示，也是花了功夫，给了一个站台T台。



设计组应该是希望给每一个页面都定义了自己的个性，但缺少了关联性，因为各自为政导致大家不知道谁是主心骨，视觉主线在哪，会有点乱的感觉。




不得不说，市场布局这块，应该是优秀的，无论设计还是前端，都不错。



整体上来看，先导官网有可圈可点的地方。也有值得改进的地方。


NO.7


通威股份有限公司由通威集团控股，是绿色农业和绿色能源高效协同发展的大型民营科技型上市公司。公司现拥有遍布全国及海外的200余家分、子公司，员工4万余人，年饲料生产能力超过1000万吨；高纯晶硅年产能23万吨；太阳能电池年产能超63GW；组件产能14GW；以“渔光一体”为主的光伏电站累计装机并网规模达到3GW。公司规划 2024—2026年高纯晶硅、太阳能电池累计产能规模分别达到 80—100 万吨、130—150GW。


官网地址：通威 为了生活更美好 - 通威股份




开篇以一个非常专业的视频动画为主线，展开整站的内容阐述。



专业的、高品质的视频素材不是每一家企业都能出资来打造的，广告视频制作结合前端交互制作的做法，只适合一部分大型企业。



这里采用了一个左右滑动以便展示全部内容的交互设计，特点是有趣，缺点是，未来增加更多内容，兼容性会差一些




主营业务这块的展示比较个性化，微交互的控制也很有品牌的感觉，不足的地方是默认的图片整体品质和调性不够统一。




产品展示部分比较动感，个性，默认平均分布容器，触发容器后展开其中一个，这种交互形式比较有特点



数据展示部分，有主次之分，其中对电池出货量做了动态处理



这个地方，做得有点复杂，也是行业其他官网没有的；每一个信息块，包含了略图、标题、描述、多个标签的管理。




在站点的其他页面，也都花了一些心思琢磨如何表达常规的版式和内容。主要是制作工艺方面。



只是在产品展示方面，略显缺少创新



我们可以看看奥拓集团的官网是这样展示产品外观的



在产品选择方面，除了我们日常管用的标签筛选方式之外，还可以是这种工具式的筛选




NO.8


下面这一家是浙江省的新能源行业的上市公司。


杭州帝尔激光科技股份有限公司


杭州帝尔激光科技股份有限公司是以自主创新激光技术为核心，提供全部高效太阳能电池激光加工综合解决方案的企业。是工信部国家智能光伏试点示范单位、工信部第五批制造业单项冠军示范企业、国家高新区瞪羚企业、浙江省支柱产业细分领域隐形冠军示范企业、浙江省知识产权示范建设企业、杭州2020民营制造业企业50强、光谷30年创新发展优秀企业。2019年，帝尔激光（股票代码：300776.SZ）在深交所创业板上市。公司在杭州、杭州设有研发生产基地，在以色列特拉维夫设有全球研发中心。


官网地址：杭州帝尔激光科技股份有限公司



第一印象并没给用户留下足够深刻的印象。无论页头的版式设计，还是核心KV部分，都没有很好抓住用户的眼球。

我们看看其他地方。产品展示部分，也是抓宏观的展示方式。对于产品细节的表现部分，没有深挖。




发展历程，用了树枝的形式，有点就是干净利落，缺点是信息量太少。



我们可以看看微芯集团在这方面是怎么展示的。


按年份区间，展示重要事件



通过轮播，图文展示大事件。




结合文字，展示具体的月份的事件。




企业文化这块，重复品牌色的展示，色块有些重。



丰富的活动图片，颜色有些杂，色彩控制没做好




当颜色很杂的时候，可以考虑像瑞莱智慧的高光时刻那样处理，加一层色彩叠加一下，过滤一下





NO.9

下面，我们看看阳光电源集团公司的官网。


阳光电源股份有限公司


阳光电源股份有限公司（股票代码：300274）是一家专注于太阳能、风能、储能、氢能、电动汽车等新能源电源设备的研发、生产、销售和服务的国家重点高新技术企业。主要产品有光伏逆变器、风电变流器、储能系统、水面光伏系统、新能源汽车驱动系统、充电设备、可再生能源制氢系统、智慧能源运维服务等，并致力于提供全球一流的清洁能源全生命周期解决方案。

官网地址：SUNGROW - 阳光电源 - 让人人享用清洁电力




如果背景图不是公司的实拍场景，而是一张网图+Slogan. 看起来会有一种空洞的感觉，没有说服力。另外，城市全景能表达的寓意是在太多，跟Slogan的呼应关系不够紧密。

我们看看瑞莱智慧的首图，表达抽象的、人工智能数据的研发技术的图片，应该是经过精雕细琢的。




而对于内容板块切换的部分，也是细节不到位。有图标，有线条，有圆点，元素很多，但又跟品牌VI关系不够密切和关联。



对于界面中的插图，素材的使用不够谨慎。



整站浏览下来，没有太多的记忆点。不值得参考。

NO.10

杭州天赐高新材料股份有限公司


杭州天赐高新材料股份有限公司（证券代码：002709）成立于2000年6月，主营业务为锂离子电池材料、日化材料及特种化学品两大业务板块。

官网地址：杭州天赐高新材料股份有限公司_




设计师想给海报区域做一个个性化的定制设计版式，也许是甲方团队的要求如此，但这样设计确实不够吸引人，也留不下好的印象。渲染力和感染力太弱。

下面数据展示部分，也算是一种常规的模块和表现形式之一。需要对企业的实力进行论证，总是需要一些数据的。



业务布局，同时也是在论证一家企业的实力。但还是不够细致和精彩。



业务板块的设计和配图，没有高品质的品牌调性



在增强投资者信心这块，也没做好。



在品牌宣传视频方案，也是做到有就行了，没有在视频的品质上做深挖和追求。



在业务的展示方面，我们希望可以有更好的表现形式。



在以年份为单位的轮播时间轴上，大多数企业都会做成这种展示方式，这对于信息量少的历程来说，确实合适。



但对于内容较丰富的企业来说，这种交互方式和结构就不足以支撑了。年份横着、竖着放各有各的好处。比如，杭州中硼医疗的发展历程就采用了竖着的形式展示，包容性似乎更强一些。



越疆集团的发展历程，采用的是横向展示年份的方式，主要是考虑到每个年份的事件较多，需要有略图、多文字的包容模式。


对于天赐集团的人才板块，在设计和表现力方面没有脱俗。福利待遇的展示，底气不足。



而跨境物流知名品牌云途集团，则对这一块非常重视。对于公司的福利进行详细区分归类。



NO.11

杭州迈为科技股份有限公司


杭州迈为科技股份有限公司（以下简称“迈为股份”）于2010年9月成立，是一家集机械设计、电气研制、软件开发、精密制造于一体的高端装备制造商，公司面向太阳能光伏、显示、半导体三大行业，研发、制造、销售智能化高端装备，主要产品包括全自动太阳能电池丝网印刷生产线、异质结高效电池制造整体解决方案、OLED柔性屏激光切割设备、Mini/Micro LED晶圆设备、半导体晶圆封装设备等。


官网地址：迈为股份-泛半导体领域高端装备制造商



在官网定位和文案定制设计方面，迈为可谓下足了些功夫。可以看出，这张图是通过三维建模渲染定制设计的。

在企业的研发实力上，它是这样例证的。


在企业营业额业绩发展方面，通过一个动态的增长图来解释企业的优势和实力，遗憾的是没有通过前端制作工艺实现，而是一个视频动画来展示。


全球布局方面，背景图片如果是一张动态可旋转的立体地图，效果估计会更好


在内页的其他栏目，没有找到很有突出的地方


在产品与服务栏目，能看到一些较有设计感的样式


但我们都知道，样式过于复杂和多变，反而容易造成视觉混淆而不容易记住。甚至浏览体验受到影响。


越是简洁统一的样式，越容易营造一种简洁、国际化的视觉感受，比如沃森集团的新闻



以及罗氏集团的新闻列表页，都能嗅到一种很简洁的味道。


我们不一定要像杭州设计周那样富有艺术感


但简洁，去除多余的做法还是值得提倡的。

类似这样的图标，如果能做成动态的代码模式，其实是很优秀的，只可惜这个官网做成了一张图片


很多时候，设计不需要过度个性化，但是在同样内容的情况下，寻求个性化的突破，或设计，或交互，都是一种创新，比如美懿教育集团有限公司官网就做了这样的尝试。


关于MEIYI

上面提到的这些中国新能源行业的集团企业，他们在业界有着非常高的声望，在众多的数据平台都有相关的排名记录。下面我要说的这家公司，是跟能源科技有关的企业，他们的企业官网可谓行业标杆，它就是远景科技。

NO.12

远景科技集团（Envision Group）是一家全球领先的绿色科技企业。

以“为人类的可持续未来解决挑战”为使命，远景致力推动全球绿色能源转型，通过技术创新让风电和储能成为“新煤炭”，电池和氢燃料成为“新石油”，智能物联网成为“新电网”，零碳产业园成为“新基建”，同时培育绿色“新工业”体系。 远景由旗下智能风电和储能技术公司远景能源、动力电池企业远景动力、智能物联网企业远景智能三大主要业务板块组成，共同构建能源转型整体解决方案，成为全球企业、政府与机构的“零碳技术伙伴”。 同时，公司拥有管理全球首个百亿元碳中和基金——远景-红杉百亿碳中和基金的远景创投，以及远景电动方程式车队。


官网地址：远景科技集团 Envision Group


远景集团官网首页，非常重视第一印象的传达，除了卓越的版式设计之外，相信这张主KV的选择和制作，一定是百里挑一的。




而每一个主题的切换，都做到非常个性化


智能领域


方程式车队


全球研发团队的人物模特


内页设计，头图的设计样式非常个性化

全球布局的展示，更为细腻


建筑的选择、景深的选择，非常考究，并采用了滚动时差的前端技术


内页每个栏目都能找到主旋律和差异化






看完了国内的一些知名能源集团公司官网，我们不禁想了解一下，国外的能源公司又是如何定制设计自己的官网呢？

NO.13


沙特阿美


我们是先进的能源和化学品生产商，通过持续向世界提供不间断的能源供应，推动全球贸易并改善全球人民的日常生活。


我们的韧性和敏捷性使得我们成为世界级的一体化能源化工公司。我们同全球同业一道，努力建设低碳经济。
我们的视野从未如此清晰。


官网地址：机遇蕴于能源 | 阿美中国






看了首屏有一种简约而不简单的感受。首先是视觉的平衡方面做得很好。他们的标志是布局在右侧的，而左侧的搜索按钮则与之呼应，平衡。其次，菜单导航也是可以划分为一级、二级的，一级的跟标志同行，二级的安置在最上面，字号缩小。这是国外集团公司的常见做法。

导航的展开方式，也跟我们常见的不太一样。

国外的网站比较注重信息、栏目之前的关联和粘帖度，这是要解决问题，防止用户流失的做法之一。


在一个简单的静态页内，内容的布局和对齐方式也很特别，拜托了我们常见的一大段横向平铺占满格的做法。



NO.14


巴斯夫


巴斯夫致力于创造化学新作用，并将经济上的成功、社会责任和环境保护相结合。通过科学和创新，我们帮助各行各业的客户满足当今和未来社会发展的需求。

官网地址：BASF – We Create Chemistry





可以看得出，他们在不同的国家，不同的语言版本下，考虑到文化的不同，所展示的内容都有所不同。


在菜单导航的展开方面，非常有张力，包容性强。


在新闻列表的查询方面，跟国内的集团公司有大不同


在国内大多数的上市公司，对于新闻稿这类的展示，基本都没考虑到把媒体人的联系方式展示与内容附近，方便相关人员联系。


在人才招募方面，所用错词，所展示的吸引内容，都是不同的




总结


通过这些能源公司官网的分析和对比，我们发现：

大家对于3D建模渲染三维场景的设计、技术做法颇为认可，对于高品质视频素材也颇为重视，得到大多数企业的热捧。
新能源行业的官网，非常注重产品的展示方式和解决方案的传达方式。
版式设计的创新、视觉设计与前端制作工艺的差异化，仍然是企业同行网站之间拉开视觉差异的主要因素。
在同样的内容体量、同样的文字量的前提下，追求细致表现、卓越的微交互展示方式，容易让网站的浏览体验更为优秀。

考虑到篇幅和时间关系，当然也是我个人资历不够，谈不了太深的东西，所以今天我们就只对这些企业官网的这些部分进行简单的纵横对比，以分析出新能源行业官网定制设计的趋势，供大家一起学习、讨论。