2023新能源行業(yè)網(wǎng)站建設(shè)現(xiàn)狀及定制設(shè)計趨勢分析

時間：2023-08-08 18:30:02 | 來源：網(wǎng)站運營

時間：2023-08-08 18:30:02 來源：網(wǎng)站運營

2023新能源行業(yè)網(wǎng)站建設(shè)現(xiàn)狀及定制設(shè)計趨勢分析：三年疫情，讓很多企業(yè)活得很艱難，尤其是制造行業(yè)，款項收不上、資金難以正常運轉(zhuǎn)，因此很多企業(yè)不得不開始尋求其他的發(fā)展渠道。其中，把企業(yè)網(wǎng)站重塑以提升企業(yè)的在線形象，是很多企業(yè)面對市場低迷狀態(tài)下最為優(yōu)先和重要的動作之一。據(jù)了解，疫情后最先恢復(fù)活力的行業(yè)是科技、新能源等行業(yè)，所以今天我們對新能源行業(yè)做了一番調(diào)研，通過這些知名的能源集團(tuán)公司的官網(wǎng)建設(shè)現(xiàn)狀進(jìn)行分析，總結(jié)出一些新網(wǎng)站定制設(shè)計趨勢。

以下能源集團(tuán)公司網(wǎng)站分析，排名不分先后。

NO.1

因為我是從事網(wǎng)站定制設(shè)計行業(yè)的，所以對每個行業(yè)比較優(yōu)秀的企業(yè)和他們的官網(wǎng)都會作為一種職業(yè)的習(xí)慣去關(guān)注。很不巧，最近2年我都在關(guān)注寧德時代這家能源公司，而且在股票行業(yè)，大家也都常常說到它，所以我們第一個新能源網(wǎng)站就以寧德時代開始吧。

寧德時代
寧德時代新能源科技股份有限公司是全球領(lǐng)先的新能源創(chuàng)新科技公司，致力于為全球新能源應(yīng)用提供一流解決方案和服務(wù)。

官網(wǎng)地址：https://www.catl.com/





首先進(jìn)入眼簾的是一副動態(tài)的城市生態(tài)景象。這是通過類似C4D建模軟件建設(shè)渲染和制作出來的動畫。再結(jié)合網(wǎng)頁前端制作工藝來實現(xiàn)網(wǎng)頁端的微交互事件，是一個較為常見的網(wǎng)站表現(xiàn)形式。

我們在杭州瑞萊科技官網(wǎng)中也能看到類似的設(shè)計、制作手法。



杭州瑞萊智慧科技官網(wǎng)：https://real-ai.cn/

但不同的是，寧德時代官網(wǎng)似乎考慮的更細(xì)膩一些，他們把這個動畫復(fù)制成2份影像，就是白天與夜晚模式。當(dāng)用戶是白天時間段訪問網(wǎng)站時，看到的是高亮模式：




到了晚上時間段訪問官網(wǎng)，則看到了夜晚的模式




而且，當(dāng)客戶端訪問時，如果視頻文件加載未完成，則優(yōu)先顯示圖片靜態(tài)模式，加載完成后再顯示視頻動畫背景模式。
https://www.catl.com/uploads/1/video/public/202203/20220304152351_1bgjth1x60.mp4

首頁作為整站的窗口，而首屏又是首頁最重要的位置，所以寧德時代在首屏僅僅做了2個內(nèi)欄目的鏈接。即 關(guān)于集團(tuán)、各個解決方案的入口。如果你的客戶是注重產(chǎn)品或其他，則應(yīng)該做相應(yīng)的調(diào)整。




第二屏則展示公司最新的動態(tài)。不同的企業(yè)對于首頁展示的內(nèi)容板塊是不同的，這主要取決于網(wǎng)站重塑的目的、客戶群體和背后的運維戰(zhàn)略。不同的布局戰(zhàn)略會有不同的故事線索。

而內(nèi)頁設(shè)計當(dāng)中，可以看到寧德時代花了一些經(jīng)費來提升企業(yè)宣傳片。




通過首頁可以判斷出，寧德時代應(yīng)該是更為注重他們在各行業(yè)方面的解決方案的，所以解決方案這個欄目，做到了每個不同的解決方案，采用不同的頁面模型設(shè)計和后臺管理。



在一些復(fù)合型頁面上，考慮到頁面的長度問題，也做了一些浮窗工具方便用戶快速翻轉(zhuǎn)。




其他頁面的內(nèi)容布局和設(shè)計手法，沒有太大的參考價值。

NO.2

第二家介紹的公司，是杭州的協(xié)合新能源。


協(xié)合新能源集團(tuán)有限公司(簡稱協(xié)合新能源，http://0182.HK)，成立于2006年，是一家國際性的可再生能源集團(tuán)，也是目前香港證券市場上唯一一家具有縱向集成一體化商業(yè)發(fā)展模式的清潔能源發(fā)電上市公司，以風(fēng)力和太陽能發(fā)電廠投資運營、風(fēng)力和太陽能發(fā)電服務(wù)業(yè)務(wù)為主營業(yè)務(wù)。


官網(wǎng)地址：協(xié)合新能源集團(tuán)有限公司




首屏采用的是九宮格的刪格系統(tǒng)來布局內(nèi)容。把企業(yè)的戰(zhàn)略、遠(yuǎn)景、定位首先表達(dá)出來。接著展示核心業(yè)務(wù)部分，是一種較直接的以營銷商務(wù)為目的的建站方式。

第二屏則以信息和數(shù)據(jù)展示為主。




說到數(shù)據(jù)，感覺這種表現(xiàn)方式可以有更好的表現(xiàn)，比如大家關(guān)注電動車的話，可以看看小牛、雅迪。




小牛電動官網(wǎng)-全球智能城市出行品牌




這個數(shù)據(jù)是動態(tài)更新的，會顯更震撼，更真實。

內(nèi)頁的欄目我大體看了一下，沒有太多吸引點，都是比較正統(tǒng)的設(shè)計手法，基本沒有前沿的前端制作工藝。




NO.3

這第三家新能源集團(tuán)公司，是杭州億緯鋰能股份有限公司。


杭州億緯鋰能股份有限公司（簡稱：億緯鋰能）成立于2001年，于2009年在杭州創(chuàng)業(yè)板首批上市，歷經(jīng)21年快速發(fā)展，已成為具有全球競爭力的鋰電池平臺公司，同時擁有消費電池和動力電池核心技術(shù)和全面解決方案，產(chǎn)品廣泛應(yīng)用于物聯(lián)網(wǎng)、能源互聯(lián)網(wǎng)領(lǐng)域。（股票代碼：300014）
官網(wǎng)地址：https://www.evebattery.com/




大家看到這個界面是否有一種似曾相似的感覺。沒錯。也是才用了類似C4D建模渲染的三維技術(shù)來制作動畫素材，再結(jié)合前端制作工藝來實現(xiàn)微交互部分的內(nèi)容展示。

數(shù)據(jù)展示的部分，采用的是常見的數(shù)據(jù)動態(tài)變化的展示方式。




同樣的數(shù)據(jù)展示方式，有些公司網(wǎng)站做得很細(xì)致，很友好。



比如杭州鑄成律所官網(wǎng)首頁的數(shù)據(jù)，可以做到后臺維護(hù)數(shù)字的信息，數(shù)字背后結(jié)合一些三維顆粒的動畫效果來襯托數(shù)據(jù)，且三角形這些視覺元素跟公司的VI延展圖形一致。

關(guān)于發(fā)展歷程這塊，我想講一講。



以這個企業(yè)的為例，每年支持展示多個重要事件，但對于一些更大行的上市集團(tuán)公司，可能每年的重大事件是以月份為單位的，且可能需要配置對應(yīng)的圖像。這個布局就不太合適，包容性方面較弱。




關(guān)于每一款產(chǎn)品的特點介紹這一塊，我相信很多企業(yè)都是優(yōu)先選擇圖標(biāo)+文字+數(shù)據(jù)的方式展示，這樣比較潮流、簡潔，符合網(wǎng)頁特性，但難點就是，每一款產(chǎn)品的特性都不同，而建站公司不太可能給每一款產(chǎn)品都定制不同的圖標(biāo)，這會給甲方公司帶來一定的困擾，畢竟建站費用沒有辦法包含內(nèi)容設(shè)計部分。這個是建站公司和甲方簽約時需要溝通清楚的。

比起圖標(biāo)配文字，可能圖像配文字對于后期維護(hù)更為簡單。如大咖國際官網(wǎng)的產(chǎn)品分類。



當(dāng)然，也要看情況，如果圖標(biāo)+文字效果更優(yōu)秀，還是會花點經(jīng)費來提升一下內(nèi)容設(shè)計的。這樣視覺部分就會更統(tǒng)一。



像這樣的專業(yè)圖標(biāo)Icon, 公司沒有品牌UI設(shè)計師的話，是很難輸出的。

這家能源公司內(nèi)頁設(shè)計，應(yīng)該是花了不少成本在整站的圖標(biāo)Icon設(shè)計方面。






除此之外，沒有太多的參考價值。

NO.4

下面介紹的這家新能源集團(tuán)上市公司是來自浙江。

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


成立于2000年的隆基綠能科技股份有限公司(以下簡稱“隆基綠能”)，致力于成為全球最具價值的太陽能科技公司。


官網(wǎng)地址：隆基綠能-成為全球最具價值的陽能科技公司





訪問瞬間，會被海報區(qū)域的這個精致的視頻吸引住，應(yīng)該是花了不少人力財力來拍攝制作這幾個視頻。



通過不同的主題文字引出不同的視頻主題，視頻素材是本次升級的重點。

這讓我不得不想起另一家企業(yè)————農(nóng)夫山泉，那精美的視頻，看了就想喝它的水。






當(dāng)然，我也會想起傳統(tǒng)制造行業(yè)的上市公司洲明集團(tuán)的一個產(chǎn)品專題頁里的精彩視頻，猶如大片《阿凡達(dá)》系列一樣。



裸眼3D解決方案-裸眼3DLED顯示拼接屏廠家-洲明科技

視頻素材，確實是一個快速提升網(wǎng)站內(nèi)容和視覺品質(zhì)的重要因素，但也會有一個問題就是客戶端的瀏覽體驗。如果沒有結(jié)合云點播技術(shù)，客戶端訪問起來會很糟糕，很卡頓。

整站在色空、品牌元素提煉和延展方面還算做得不錯。也在嘗試著結(jié)合圖標(biāo)設(shè)計的搭配，讓界面多一些網(wǎng)頁屬性。



網(wǎng)站底部增設(shè)了一些快速與管理員互動的入口，也是考慮網(wǎng)站可能增加的轉(zhuǎn)化率的因素。




這個網(wǎng)站的發(fā)展歷程模塊，做得比較飽滿，結(jié)構(gòu)相對復(fù)雜一些?？梢灾С帜攴?、月份等多個多重事件的展示。



NO.5

接著跟大家介紹的第五家新能源公司，是來自杭州的，杭州市匯川技術(shù)股份有限公司。


杭州市匯川技術(shù)股份有限公司（簡稱“匯川技術(shù)”）創(chuàng)立于2003年，聚焦工業(yè)領(lǐng)域的自動化、數(shù)字化、智能化，專注“信息層、控制層、驅(qū)動層、執(zhí)行層、傳感層”核心技術(shù)，專注于工業(yè)自動化控制產(chǎn)品的研發(fā)、生產(chǎn)和銷售，定位服務(wù)于高端設(shè)備制造商，以擁有自主知識產(chǎn)權(quán)的工業(yè)自動化控制技術(shù)為基礎(chǔ)，以快速為客戶提供個性化的解決方案為主要經(jīng)營模式，持續(xù)致力于以領(lǐng)先技術(shù)推進(jìn)工業(yè)文明，快速為客戶提供更智能、更精準(zhǔn)、更前沿的綜合產(chǎn)品及解決方案，是國內(nèi)工業(yè)自動化控制領(lǐng)域的佼佼者和上市企業(yè)，入選 “2020胡潤中國500強(qiáng)民營企業(yè)”，排名第93位。匯川技術(shù)擁有杭州、杭州、杭州、杭州、杭州、杭州、香港等20余家分子公司，2021年匯川技術(shù)研發(fā)投入 16.85億元，擁有員工1.69萬余人，其中專門從事核心平臺技術(shù)研究、應(yīng)用技術(shù)研究和產(chǎn)品開發(fā)的研發(fā)人員達(dá)3560人。


官網(wǎng)地址：https://www.inovance.com/index





遺憾的是，這家公司的官網(wǎng)沒有太多吸引到我的地方，從首屏到內(nèi)頁，都是中規(guī)中矩的設(shè)計手法。




而對于產(chǎn)品的展示，用戶較關(guān)心的一些信息，都沒有做很細(xì)致的設(shè)計和表現(xiàn)。比如參數(shù)的表格，顯粗糙



右側(cè)的這些特點的展示，有很大的局限性，當(dāng)陳列的信息超過一定數(shù)量后，視覺會失去平衡。




而對于解決方案或產(chǎn)品詳情頁的一些信息流的模塊，顯得有些零散，沒有區(qū)分的感覺。


模塊、板塊之間的銜接詞、句，也不夠個性化，都是一些司空見慣的說辭。




像這些頁面的配圖，也是有些失真，不夠品牌化。




NO.6

杭州先導(dǎo)智能裝備股份有限公司于1999年創(chuàng)立，2015年在創(chuàng)業(yè)版上市，股票代碼300450，業(yè)務(wù)涵蓋鋰電池智能裝備、光伏智能裝備、3C智能裝備、智能物流、汽車產(chǎn)線、氫能智能裝備、激光精密加工、機(jī)器視覺等八大領(lǐng)域，是新能源裝備的全球第一品牌。

官網(wǎng)地址：先導(dǎo)智能-致力于成為全球智能裝備領(lǐng)軍企業(yè)





采用3D建模渲染技術(shù)來完成動態(tài)視頻素材的制作，再結(jié)合前端制作工藝來展示微交互的內(nèi)容。




通過數(shù)據(jù)，展示企業(yè)的業(yè)界成就和實力。




通過卡片式的交互，引出視頻內(nèi)容。




解決方案的展示，是新能源公司必不可少的板塊之一。這里采用的是方案與圖片的對應(yīng)切換。

發(fā)展歷程，設(shè)計與前端工藝花了點心思，做了一個波浪的造型。只可惜，這些視覺元素，跟內(nèi)容區(qū)域的豎線，有重復(fù)干擾的影響，而且又跟品牌標(biāo)志里的延展圖形沒有太大關(guān)聯(lián)。



對于證書的展示，也是花了功夫，給了一個站臺T臺。



設(shè)計組應(yīng)該是希望給每一個頁面都定義了自己的個性，但缺少了關(guān)聯(lián)性，因為各自為政導(dǎo)致大家不知道誰是主心骨，視覺主線在哪，會有點亂的感覺。




不得不說，市場布局這塊，應(yīng)該是優(yōu)秀的，無論設(shè)計還是前端，都不錯。



整體上來看，先導(dǎo)官網(wǎng)有可圈可點的地方。也有值得改進(jìn)的地方。


NO.7


通威股份有限公司由通威集團(tuán)控股，是綠色農(nóng)業(yè)和綠色能源高效協(xié)同發(fā)展的大型民營科技型上市公司。公司現(xiàn)擁有遍布全國及海外的200余家分、子公司，員工4萬余人，年飼料生產(chǎn)能力超過1000萬噸；高純晶硅年產(chǎn)能23萬噸；太陽能電池年產(chǎn)能超63GW；組件產(chǎn)能14GW；以“漁光一體”為主的光伏電站累計裝機(jī)并網(wǎng)規(guī)模達(dá)到3GW。公司規(guī)劃 2024—2026年高純晶硅、太陽能電池累計產(chǎn)能規(guī)模分別達(dá)到 80—100 萬噸、130—150GW。


官網(wǎng)地址：通威 為了生活更美好 - 通威股份




開篇以一個非常專業(yè)的視頻動畫為主線，展開整站的內(nèi)容闡述。



專業(yè)的、高品質(zhì)的視頻素材不是每一家企業(yè)都能出資來打造的，廣告視頻制作結(jié)合前端交互制作的做法，只適合一部分大型企業(yè)。



這里采用了一個左右滑動以便展示全部內(nèi)容的交互設(shè)計，特點是有趣，缺點是，未來增加更多內(nèi)容，兼容性會差一些




主營業(yè)務(wù)這塊的展示比較個性化，微交互的控制也很有品牌的感覺，不足的地方是默認(rèn)的圖片整體品質(zhì)和調(diào)性不夠統(tǒng)一。




產(chǎn)品展示部分比較動感，個性，默認(rèn)平均分布容器，觸發(fā)容器后展開其中一個，這種交互形式比較有特點



數(shù)據(jù)展示部分，有主次之分，其中對電池出貨量做了動態(tài)處理



這個地方，做得有點復(fù)雜，也是行業(yè)其他官網(wǎng)沒有的；每一個信息塊，包含了略圖、標(biāo)題、描述、多個標(biāo)簽的管理。




在站點的其他頁面，也都花了一些心思琢磨如何表達(dá)常規(guī)的版式和內(nèi)容。主要是制作工藝方面。



只是在產(chǎn)品展示方面，略顯缺少創(chuàng)新



我們可以看看奧拓集團(tuán)的官網(wǎng)是這樣展示產(chǎn)品外觀的



在產(chǎn)品選擇方面，除了我們?nèi)粘９苡玫臉?biāo)簽篩選方式之外，還可以是這種工具式的篩選




NO.8


下面這一家是浙江省的新能源行業(yè)的上市公司。


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


杭州帝爾激光科技股份有限公司是以自主創(chuàng)新激光技術(shù)為核心，提供全部高效太陽能電池激光加工綜合解決方案的企業(yè)。是工信部國家智能光伏試點示范單位、工信部第五批制造業(yè)單項冠軍示范企業(yè)、國家高新區(qū)瞪羚企業(yè)、浙江省支柱產(chǎn)業(yè)細(xì)分領(lǐng)域隱形冠軍示范企業(yè)、浙江省知識產(chǎn)權(quán)示范建設(shè)企業(yè)、杭州2020民營制造業(yè)企業(yè)50強(qiáng)、光谷30年創(chuàng)新發(fā)展優(yōu)秀企業(yè)。2019年，帝爾激光（股票代碼：300776.SZ）在深交所創(chuàng)業(yè)板上市。公司在杭州、杭州設(shè)有研發(fā)生產(chǎn)基地，在以色列特拉維夫設(shè)有全球研發(fā)中心。


官網(wǎng)地址：杭州帝爾激光科技股份有限公司



第一印象并沒給用戶留下足夠深刻的印象。無論頁頭的版式設(shè)計，還是核心KV部分，都沒有很好抓住用戶的眼球。

我們看看其他地方。產(chǎn)品展示部分，也是抓宏觀的展示方式。對于產(chǎn)品細(xì)節(jié)的表現(xiàn)部分，沒有深挖。




發(fā)展歷程，用了樹枝的形式，有點就是干凈利落，缺點是信息量太少。



我們可以看看微芯集團(tuán)在這方面是怎么展示的。


按年份區(qū)間，展示重要事件



通過輪播，圖文展示大事件。




結(jié)合文字，展示具體的月份的事件。




企業(yè)文化這塊，重復(fù)品牌色的展示，色塊有些重。



豐富的活動圖片，顏色有些雜，色彩控制沒做好




當(dāng)顏色很雜的時候，可以考慮像瑞萊智慧的高光時刻那樣處理，加一層色彩疊加一下，過濾一下





NO.9

下面，我們看看陽光電源集團(tuán)公司的官網(wǎng)。


陽光電源股份有限公司


陽光電源股份有限公司（股票代碼：300274）是一家專注于太陽能、風(fēng)能、儲能、氫能、電動汽車等新能源電源設(shè)備的研發(fā)、生產(chǎn)、銷售和服務(wù)的國家重點高新技術(shù)企業(yè)。主要產(chǎn)品有光伏逆變器、風(fēng)電變流器、儲能系統(tǒng)、水面光伏系統(tǒng)、新能源汽車驅(qū)動系統(tǒng)、充電設(shè)備、可再生能源制氫系統(tǒng)、智慧能源運維服務(wù)等，并致力于提供全球一流的清潔能源全生命周期解決方案。

官網(wǎng)地址：SUNGROW - 陽光電源 - 讓人人享用清潔電力




如果背景圖不是公司的實拍場景，而是一張網(wǎng)圖+Slogan. 看起來會有一種空洞的感覺，沒有說服力。另外，城市全景能表達(dá)的寓意是在太多，跟Slogan的呼應(yīng)關(guān)系不夠緊密。

我們看看瑞萊智慧的首圖，表達(dá)抽象的、人工智能數(shù)據(jù)的研發(fā)技術(shù)的圖片，應(yīng)該是經(jīng)過精雕細(xì)琢的。




而對于內(nèi)容板塊切換的部分，也是細(xì)節(jié)不到位。有圖標(biāo)，有線條，有圓點，元素很多，但又跟品牌VI關(guān)系不夠密切和關(guān)聯(lián)。



對于界面中的插圖，素材的使用不夠謹(jǐn)慎。



整站瀏覽下來，沒有太多的記憶點。不值得參考。

NO.10

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


杭州天賜高新材料股份有限公司（證券代碼：002709）成立于2000年6月，主營業(yè)務(wù)為鋰離子電池材料、日化材料及特種化學(xué)品兩大業(yè)務(wù)板塊。

官網(wǎng)地址：杭州天賜高新材料股份有限公司_




設(shè)計師想給海報區(qū)域做一個個性化的定制設(shè)計版式，也許是甲方團(tuán)隊的要求如此，但這樣設(shè)計確實不夠吸引人，也留不下好的印象。渲染力和感染力太弱。

下面數(shù)據(jù)展示部分，也算是一種常規(guī)的模塊和表現(xiàn)形式之一。需要對企業(yè)的實力進(jìn)行論證，總是需要一些數(shù)據(jù)的。



業(yè)務(wù)布局，同時也是在論證一家企業(yè)的實力。但還是不夠細(xì)致和精彩。



業(yè)務(wù)板塊的設(shè)計和配圖，沒有高品質(zhì)的品牌調(diào)性



在增強(qiáng)投資者信心這塊，也沒做好。



在品牌宣傳視頻方案，也是做到有就行了，沒有在視頻的品質(zhì)上做深挖和追求。



在業(yè)務(wù)的展示方面，我們希望可以有更好的表現(xiàn)形式。



在以年份為單位的輪播時間軸上，大多數(shù)企業(yè)都會做成這種展示方式，這對于信息量少的歷程來說，確實合適。



但對于內(nèi)容較豐富的企業(yè)來說，這種交互方式和結(jié)構(gòu)就不足以支撐了。年份橫著、豎著放各有各的好處。比如，杭州中硼醫(yī)療的發(fā)展歷程就采用了豎著的形式展示，包容性似乎更強(qiáng)一些。



越疆集團(tuán)的發(fā)展歷程，采用的是橫向展示年份的方式，主要是考慮到每個年份的事件較多，需要有略圖、多文字的包容模式。


對于天賜集團(tuán)的人才板塊，在設(shè)計和表現(xiàn)力方面沒有脫俗。福利待遇的展示，底氣不足。



而跨境物流知名品牌云途集團(tuán)，則對這一塊非常重視。對于公司的福利進(jìn)行詳細(xì)區(qū)分歸類。



NO.11

杭州邁為科技股份有限公司


杭州邁為科技股份有限公司（以下簡稱“邁為股份”）于2010年9月成立，是一家集機(jī)械設(shè)計、電氣研制、軟件開發(fā)、精密制造于一體的高端裝備制造商，公司面向太陽能光伏、顯示、半導(dǎo)體三大行業(yè)，研發(fā)、制造、銷售智能化高端裝備，主要產(chǎn)品包括全自動太陽能電池絲網(wǎng)印刷生產(chǎn)線、異質(zhì)結(jié)高效電池制造整體解決方案、OLED柔性屏激光切割設(shè)備、Mini/Micro LED晶圓設(shè)備、半導(dǎo)體晶圓封裝設(shè)備等。


官網(wǎng)地址：邁為股份-泛半導(dǎo)體領(lǐng)域高端裝備制造商



在官網(wǎng)定位和文案定制設(shè)計方面，邁為可謂下足了些功夫。可以看出，這張圖是通過三維建模渲染定制設(shè)計的。

在企業(yè)的研發(fā)實力上，它是這樣例證的。


在企業(yè)營業(yè)額業(yè)績發(fā)展方面，通過一個動態(tài)的增長圖來解釋企業(yè)的優(yōu)勢和實力，遺憾的是沒有通過前端制作工藝實現(xiàn)，而是一個視頻動畫來展示。


全球布局方面，背景圖片如果是一張動態(tài)可旋轉(zhuǎn)的立體地圖，效果估計會更好


在內(nèi)頁的其他欄目，沒有找到很有突出的地方


在產(chǎn)品與服務(wù)欄目，能看到一些較有設(shè)計感的樣式


但我們都知道，樣式過于復(fù)雜和多變，反而容易造成視覺混淆而不容易記住。甚至瀏覽體驗受到影響。


越是簡潔統(tǒng)一的樣式，越容易營造一種簡潔、國際化的視覺感受，比如沃森集團(tuán)的新聞



以及羅氏集團(tuán)的新聞列表頁，都能嗅到一種很簡潔的味道。


我們不一定要像杭州設(shè)計周那樣富有藝術(shù)感


但簡潔，去除多余的做法還是值得提倡的。

類似這樣的圖標(biāo)，如果能做成動態(tài)的代碼模式，其實是很優(yōu)秀的，只可惜這個官網(wǎng)做成了一張圖片


很多時候，設(shè)計不需要過度個性化，但是在同樣內(nèi)容的情況下，尋求個性化的突破，或設(shè)計，或交互，都是一種創(chuàng)新，比如美懿教育集團(tuán)有限公司官網(wǎng)就做了這樣的嘗試。


關(guān)于MEIYI

上面提到的這些中國新能源行業(yè)的集團(tuán)企業(yè)，他們在業(yè)界有著非常高的聲望，在眾多的數(shù)據(jù)平臺都有相關(guān)的排名記錄。下面我要說的這家公司，是跟能源科技有關(guān)的企業(yè)，他們的企業(yè)官網(wǎng)可謂行業(yè)標(biāo)桿，它就是遠(yuǎn)景科技。

NO.12

遠(yuǎn)景科技集團(tuán)（Envision Group）是一家全球領(lǐng)先的綠色科技企業(yè)。

以“為人類的可持續(xù)未來解決挑戰(zhàn)”為使命，遠(yuǎn)景致力推動全球綠色能源轉(zhuǎn)型，通過技術(shù)創(chuàng)新讓風(fēng)電和儲能成為“新煤炭”，電池和氫燃料成為“新石油”，智能物聯(lián)網(wǎng)成為“新電網(wǎng)”，零碳產(chǎn)業(yè)園成為“新基建”，同時培育綠色“新工業(yè)”體系。 遠(yuǎn)景由旗下智能風(fēng)電和儲能技術(shù)公司遠(yuǎn)景能源、動力電池企業(yè)遠(yuǎn)景動力、智能物聯(lián)網(wǎng)企業(yè)遠(yuǎn)景智能三大主要業(yè)務(wù)板塊組成，共同構(gòu)建能源轉(zhuǎn)型整體解決方案，成為全球企業(yè)、政府與機(jī)構(gòu)的“零碳技術(shù)伙伴”。 同時，公司擁有管理全球首個百億元碳中和基金——遠(yuǎn)景-紅杉百億碳中和基金的遠(yuǎn)景創(chuàng)投，以及遠(yuǎn)景電動方程式車隊。


官網(wǎng)地址：遠(yuǎn)景科技集團(tuán) Envision Group


遠(yuǎn)景集團(tuán)官網(wǎng)首頁，非常重視第一印象的傳達(dá)，除了卓越的版式設(shè)計之外，相信這張主KV的選擇和制作，一定是百里挑一的。




而每一個主題的切換，都做到非常個性化


智能領(lǐng)域


方程式車隊


全球研發(fā)團(tuán)隊的人物模特


內(nèi)頁設(shè)計，頭圖的設(shè)計樣式非常個性化

全球布局的展示，更為細(xì)膩


建筑的選擇、景深的選擇，非?？季?，并采用了滾動時差的前端技術(shù)


內(nèi)頁每個欄目都能找到主旋律和差異化






看完了國內(nèi)的一些知名能源集團(tuán)公司官網(wǎng)，我們不禁想了解一下，國外的能源公司又是如何定制設(shè)計自己的官網(wǎng)呢？

NO.13


沙特阿美


我們是先進(jìn)的能源和化學(xué)品生產(chǎn)商，通過持續(xù)向世界提供不間斷的能源供應(yīng)，推動全球貿(mào)易并改善全球人民的日常生活。


我們的韌性和敏捷性使得我們成為世界級的一體化能源化工公司。我們同全球同業(yè)一道，努力建設(shè)低碳經(jīng)濟(jì)。
我們的視野從未如此清晰。


官網(wǎng)地址：機(jī)遇蘊于能源 | 阿美中國






看了首屏有一種簡約而不簡單的感受。首先是視覺的平衡方面做得很好。他們的標(biāo)志是布局在右側(cè)的，而左側(cè)的搜索按鈕則與之呼應(yīng)，平衡。其次，菜單導(dǎo)航也是可以劃分為一級、二級的，一級的跟標(biāo)志同行，二級的安置在最上面，字號縮小。這是國外集團(tuán)公司的常見做法。

導(dǎo)航的展開方式，也跟我們常見的不太一樣。

國外的網(wǎng)站比較注重信息、欄目之前的關(guān)聯(lián)和粘帖度，這是要解決問題，防止用戶流失的做法之一。


在一個簡單的靜態(tài)頁內(nèi)，內(nèi)容的布局和對齊方式也很特別，拜托了我們常見的一大段橫向平鋪占滿格的做法。



NO.14


巴斯夫


巴斯夫致力于創(chuàng)造化學(xué)新作用，并將經(jīng)濟(jì)上的成功、社會責(zé)任和環(huán)境保護(hù)相結(jié)合。通過科學(xué)和創(chuàng)新，我們幫助各行各業(yè)的客戶滿足當(dāng)今和未來社會發(fā)展的需求。

官網(wǎng)地址：BASF – We Create Chemistry





可以看得出，他們在不同的國家，不同的語言版本下，考慮到文化的不同，所展示的內(nèi)容都有所不同。


在菜單導(dǎo)航的展開方面，非常有張力，包容性強(qiáng)。


在新聞列表的查詢方面，跟國內(nèi)的集團(tuán)公司有大不同


在國內(nèi)大多數(shù)的上市公司，對于新聞稿這類的展示，基本都沒考慮到把媒體人的聯(lián)系方式展示與內(nèi)容附近，方便相關(guān)人員聯(lián)系。


在人才招募方面，所用錯詞，所展示的吸引內(nèi)容，都是不同的




總結(jié)


通過這些能源公司官網(wǎng)的分析和對比，我們發(fā)現(xiàn)：

大家對于3D建模渲染三維場景的設(shè)計、技術(shù)做法頗為認(rèn)可，對于高品質(zhì)視頻素材也頗為重視，得到大多數(shù)企業(yè)的熱捧。
新能源行業(yè)的官網(wǎng)，非常注重產(chǎn)品的展示方式和解決方案的傳達(dá)方式。
版式設(shè)計的創(chuàng)新、視覺設(shè)計與前端制作工藝的差異化，仍然是企業(yè)同行網(wǎng)站之間拉開視覺差異的主要因素。
在同樣的內(nèi)容體量、同樣的文字量的前提下，追求細(xì)致表現(xiàn)、卓越的微交互展示方式，容易讓網(wǎng)站的瀏覽體驗更為優(yōu)秀。

考慮到篇幅和時間關(guān)系，當(dāng)然也是我個人資歷不夠，談不了太深的東西，所以今天我們就只對這些企業(yè)官網(wǎng)的這些部分進(jìn)行簡單的縱橫對比，以分析出新能源行業(yè)官網(wǎng)定制設(shè)計的趨勢，供大家一起學(xué)習(xí)、討論。