很高興強哥邀請過來分享，我也是tobcgo的老朋友了，今天不講太多理論，結合一些我們做過的真實案例，跟大家拆解下B2B工業領域網站的一些升級思路，希望能給大家一些啟發。

如果聽過我之前的分享，上圖我經常會講到，這是雍熙對數字化網站的一個定義，發出來就是讓大家先有一個基礎框架概念。

雍熙十余年完成了數百家工業制造業的網站升級，工業制造領域的網站有著自己的一些特點，比如非?？粗禺a品的展示，而且產品涉及復雜的參數或者數量龐大的sku，那如何規劃產品展示形式，又如何提升瀏覽體驗，優化用戶了解產品的過程。同時工業領域又非常重視技術先進性的展示，晦澀難懂的專業術語及復雜的解決方案如何精準又直觀的展示，其復雜度遠大于普通品牌展示網站或者服務行業網站，接下來跟大家分享一些優秀的tob工業領域網站案例，有哪些優秀的體驗或者能力，同時針對目前火熱的出海賽道，跟大家分享一下出海網站建設及營銷拓客的相關經驗。

01.先看下我們的網站需不需進行升級？

其實這個問題還是比較容易回答的，借助廣告領域的三個問題可以快速得到答案：

用戶認不認？

網站有沒有品牌基因，是否有自己的獨特調性，網站是否有沖擊力及記憶點，會不會幫助客戶對品牌產生正向的認知和印象。

銷售用不用？

對外的銷售過程及市場活動，銷售會不會主動引導客戶去官網了解企業品牌、了解產品。這個在我們很多線下活動的時候感受很深，有的銷售會推薦客戶去企業官網了解，因為官網可以推進其銷售過程，拉開同行差距，同時作為銷售工具幫助其客戶更好了解產品，比如完成產品的檢索、產品360度的展示等等，效率大大高于傳統平面物料。

對手恨不恨？

對手會不會把你的官網作為標桿，擔心在網絡推廣過程中，你的官網更容易獲取用戶的信任，有些時候我們還會聽到“其實某公司沒有我們規模大，他們就是網站做的比較好”類似這樣的話，這些也客觀反應了你官網是否優秀。

官網可以覆蓋大量的用戶，沒有時間及地域的限制，也是用戶最容易快速去了解企業信息的媒介。不少傳統工業制造企業在線下活動的投入非常高，甚至做了百萬級的展廳，但是卻沒有投入更多精力去提升官網，一個好的官網可以使用3-5年，而且每年接待幾十萬甚至百萬的專業訪客，而一個線下展廳一年也帶不來幾千人，按照這種比例，這么高效且重要的戰場我們是否要更多投入兵力呢，而且咱們線下活動最終又會到官網進行收口。最終的原因一個是對官網的價值不了解，再就是不懂得如何對官網進行提升，下面我們一起來解決這些問題。

02.工業領域網站的特點

工業領域網站建設與其他行業網站建設的主要不同之處在于目標受眾、產品特性以及市場推廣策略。

目標受眾：工業領域網站通常針對的是B2B客戶，如制造商、批發商、經銷商和工程師等。這類客戶往往更關注技術細節、產品性能和質量保證。

產品特性：工業領域的產品通常具有復雜的技術參數、多樣化的配置選項以及定制化需求。因此，工業網站需要提供詳細的產品信息、技術文檔和應用案例，以便客戶全面了解產品的性能和適用性。

市場推廣策略：工業領域網站的推廣策略通常更注重長期合作關系和品牌聲譽。因此，在內容營銷、社交媒體和電子郵件營銷等方面，需要強調專業性、權威性和可靠性。

銷售流程：工業領域的銷售流程往往較長，涉及多個決策者。此類網站需要設立詢價/報價系統、在線客服和技術支持等功能，以便在整個銷售周期中為潛在客戶提供及時有效的服務。

客戶支持與服務：工業領域網站需要提供強大的客戶支持和服務，如售后維修、技術咨詢和定制解決方案等。這要求網站提供易于查找的聯系方式、在線表單和實時聊天功能等。

工業領域網站建設的特點在于面向B2B客戶，關注技術性能和長期合作，之前跟大家分享過tob網站的策劃和設計流程，今天我們將通過優秀案例讓大家更好的理解工業制造業網站如何進行升級。

03.工業制造行業TOP企業官網升級案例解析

以下是雍熙的一些真實客戶案例，涉及創新型制造企業、傳統制造企業、外資制造龍頭，從品牌、功能、獲客在官網上做了哪些細節，給大家做了全方面的解析，這樣會更方便大家帶入場景去理解。

寧德時代官網升級

寧德時代新能源科技股份有限公司是全球領先的新能源創新科技公司，致力于為全球新能源應用提供一流解決方案和服務。

頁面更簡潔，交互更友好

簡潔大方的頁面結構，搭配扁平化分層邏輯，全站信息，一觸即達。

兼容各類終端的響應式設計，新鮮前沿訊息，一手掌控。

版塊更清晰，內容更豐富

一圖勾勒海、陸、空全面電動化場景，智能電動未來觸手可及，根據訪問用戶時間，切換晝夜場景，身臨其境。

針對14個不同領域，呈現突出技術亮點及定制化解決方案，以“電動+智能”賦能全領域，為各行各業提供可持續、可普及、可信賴的能量。

精簡提煉的文案，深入淺出解密創新理念與前沿技術，“六大核心技術”首次立體曝光，與您共享技術創新。

通過內容的視頻化，帶你探秘生產自動化、智能化及信息化的超級工廠。

優化用戶體驗，根據用戶位置自動定位所在地區，快速查找售后服務網點。

精準個性化在線留言表單，確保線索的準確。

固德威多語言官網升級

固德威技術股份有限公司（科創板股票代碼：688390）成立于2010年，總部位于蘇州高新區，是一家以新能源電力電源設備的轉換、儲能變換、能源管理為基礎，以降低用電成本、提高用電效率為核心，以能源多能互補、能源價值創造為目的，集自主研發、生產、銷售及服務為一體的高新技術企業  ，主營業務產品包括光伏并網逆變器、光伏儲能逆變器、智能數據采集器以及SEMS智慧能源管理系統。

全新品牌官網UI設計，解決方案場景化建模

隨著固德威面向全球發布品牌換新計劃，發布了全新的LOGO和VI視覺系統，同時我們幫助固德威完成了新官網的升級。本次上線的網站包括中文官網和英文官網以及日本、意大利等10多個小語種網站建設，針對國內外不同的視覺、功能、業務需求，中英文針對本地化和國際化進行了分別優化。

固德威致力于把每一座電站數字化、智能化，通過打造軟件和硬件產品，為未來的智慧能源提供完整的一體化解決方案；網站的設計呈現采用了場景化建模的方式，渲染實際的用電和儲電的場景，方便用戶通過動畫展示，快速的了解解決方案的場景。

讓網站有更好的閱讀性，全新的體驗

一個產品Highlight圖片跟隨頁面滑動，結合第一屏的產品系列和第二屏的核心參數采用異步互動效果，可以更好的抓住用戶的眼球和注意力；一個簡易的動效可以加強客戶的記憶點，深化品牌認知過程；襯底的動畫視頻讓頁面更加有層次感和設計感，滿滿的質感提升。

復雜的結構更要使用簡單的菜單，雖然我們有2-3級的頁面深度，但是對于用戶來說，一次點擊即可進入最終的詳情頁面，符合理性的邏輯同時滿足體驗度的提升，畢竟用戶多點擊一次都有可能帶來更高的跳出率。

網站要有統一的風格和設計表達，對于不同的解決方案需要進入真實場景來講述故事；產品是一次的成功，解決方案就是一直在成功，解決方案是產品和能力的驗證；不同的解決方案場景設計了不同的建模視頻，場景的動畫效果可以快速的將解決方案講述清楚，傳遞更多的有效價值。

網站升級的重點在于有效的信息展示

網站的升級重點在于內容的呈現，對于公司介紹來說，長篇大論帶來的是距離感，用戶更加沒有時間或動力去逐句逐字的閱讀太多文字，有效的內容提煉和真實的數字可以提高客戶的閱讀效率，對于品牌價值的傳遞來說，用戶的感知也會更加清晰，從而獲得更多的品牌價值的認知和認可。

有效內容就是客戶能感知或接收的內容，杜絕一堆堆的文字，可以提煉成具體的數字，更加真實可信；還要配合一些設計的圖標，可以擁有更好的視覺美觀度。

網站是基于虛擬環境搭建的品牌形象，體驗度和線下或PPT有很大的差別，我們可以將多個板塊的內容進行串聯，一個解決方案對應多個適配的產品，同時可以推薦更多的相關解決方案和真實案例，方便了用戶的頁面瀏覽體驗度，可以同時看到一個解決方案的多個維度，多個信息關聯；我們想織一張符合網站內容呈現的邏輯關系網，對于每個頁面可以實現：內容全面、四通八達。

定制的功能設計可以解決很多問題

固德威是一家全球化的品牌公司，每個地區的產品資料，視頻都可以通過復雜檢索進行篩選，篩選條件分為4個維度，分別是產品類型、文件類型、語言、國家；方便客戶對于不同的需求進行精準查詢，同時，每個文件支持下載，預覽功能，方便手機用戶的瀏覽。

SEO全站配置是這次網站升級的重要內容，對于符合SEO的配置和功能，系統在開發的過程中都提前布置在網站的代碼和功能里面；每個獨立的頁面都擁有獨立的靜態URL，對于Google和Baidu的收錄非常有幫助，也支持每個URL自定義，同時我也考慮到了網站改版過程中收錄的問題，方便網站后期可持續性的SEO策略和運營。

全站內容皆可視頻，相對于圖片和文字，視頻擁有更好的視覺體驗度，也更加真實和更加近距離的感受；當然，視頻不能太長，否則會影響網站的加載速度，一般是可以通過10秒以內的視頻來講述一個故事或事件，用戶一定是更加喜歡視頻，所以我們希望可以將網站所有可以替換的圖片都更換成視頻播放，用戶一定會喜歡一個更有互動，更加真實，更多信息量的網站呈現。

?

沃太能源出海網站建設

沃太能源股份有限公司成立于2012年，核心團隊由電力技術研發、儲能設備制造、IT數據服務及新能源項目開發等領域復合型技術人才組成。公司擁有國家高新技術企業認證，是專注于提供先進的儲能產品及智慧能源管理方案的國際型高科技企業，也是中國首家推出戶用光伏鋰電一體化儲能產品的公司。

思考與分析 讓官網不只是企業的“自留地”

先從首頁說起，官網首頁的風格不應只追求好看，要基于目標用戶決策畫像來進行梳理，鎖定目標用戶才能讓“橋梁”更有價值。對于ToB企業來講，官網首頁應該不止與banner圖片、產品介紹、解決方案、案例等首頁必需的版塊，而應更多體現企業的差異化與核心價值，重在解決“為什么要選擇沃太”的問題，基于用戶對企業的信任我們也需要在網站中布局CTA按鈕，讓流量轉化為線索更加流暢。

對于網站中的解決方案、產品和案例頁面，我們要透過現象看本質，作為網站內容的核心承載版塊，我們需要清晰展示什么是核心，什么是次要，目標是什么、定位是什么。

以解決方案為例，不應只是案例概述的呈現，首先需要對方案進行凝練化的標語總結，同時對行業面臨的調整，企業能提供的商業價值進行深入分析，再佐以相關產品、相關案例進行內容閉環，讓客戶再瀏覽頁面是能獲得更多有價值的信息。

我們不能忽略的還有對企業本身的介紹，如公司簡介、核心優勢、企業文化、企業招聘等版塊，這些版塊是企業對外展示自身核心文化的窗口，這些版塊的核心在于內容的總結，更不能站在上帝視角講空話，而是要內容凝練，高度升華，讓用戶更好的接受和閱讀。

另外一個問題，就是網站的辨識度問題，對于企業唯一官網，我們不想千篇一律，網站中需要有企業的唯一識別元素，這樣才能使網站更有傳播力和感染力。

?

博世云觀業務網站建設

博世云觀 iSite, 來自德國的百年品牌BOSCH。博世將物聯網與人工智能技術結合，借助人工智能，將物聯網潛力充分發揮。博世致力于推出創新的智能物聯網解決方案以降低能源成本、提升作業現場的效率與安全管控水平，從而為客戶創造更多收益。

視覺和架構

博世云觀新官網設計思路延續了博世品牌官網風格，基于博世VI視覺系統，關注科技、專業、簡約、場景化等關鍵詞，讓工業物聯網的應用解決方案更好的在網站上進行排版；保證統一品牌形象的同時，讓網站整體的視覺更加順暢和自然。

博世云觀網站的整體框架策劃是以用戶為主體，考慮用戶的思考邏輯，瀏覽順序和認知過程，提升網站架構的理性的邏輯關系，并減少用戶選擇和尋找的時間；大部分頁面都可以通過導航欄的下拉一屏展示，為每個層級和每個菜單設置了不同的圖標展示；解決方案也根據行業和場景進行雙維度的選擇，滿足不同用戶對于解決方案的閱讀和瀏覽需求。

解決方案場景化

工業物聯網的解決方案是比較復雜的，網站的用戶瀏覽速度非?？?，我們需要快速的把解決方案的內容和優勢信息傳遞給用戶，同時保持較好的體驗度和信息傳遞效率；我們對博世遠觀的多個場景進行了場景化手繪，將每個解決方案的中的每一個場景進行圖形化展示，整體形象清晰且易讀。

每個解決方案都有自己的場景拓撲圖，我們將解決方案中的多個模塊，功能進行整理，排布在場景的各個位置，用戶點擊每個功能都能參看詳細信息，讓整個解決方案的能力和優勢盡收眼底；同時滿足了網站的體驗度升級，在最短的時間內讓用戶可以瀏覽更多的信息內容，從而對博世云觀獲得更多的認知，讓網站可以發揮更大的價值。

博世云觀內容升級

網站的升級重點在于內容的呈現，對于博世云觀來說，太多的文字和參數表格會非常影響用戶體驗，第一是整體的視覺體驗會被破壞，太像一個技術科研的網站，第二是用戶沒有時間或動力去逐句逐字的閱讀太多文字和圖表，有效的內容提煉和真實的數字可以提高客戶的閱讀效率，對于信息傳遞來說，用戶的感知也會更加清晰，讓工業物聯網中軟件、硬件、數據更好的結合。

網站的本質是設計表達方式，對于每一個產品的介紹才去模塊梳理、內容提煉、場景分類，讓瀏覽器的一屏內可以將某個產品的核心信息展示；一個好的設計表達可以很大幅度的提升信息傳遞效率，也節省了用戶的尋找時間。

提到方案拓撲圖，我們的想象到的都是各種復雜的圖形，有很多的層次很多的板塊，但這個不是一個好的設計表達；我們重新設計了博世云觀的方案拓撲圖，中間是我們的解決方案的軟件、硬件、服務等，左邊是方案的方法和技術，右邊是方案能夠帶來的提升和結果，整體方案的拓撲就清晰了，也方便閱讀了。

博世云觀官網轉化

博世云觀新官網定位業務型網站，我們重新策劃了網站CTA的布局，在每個頁面的頭部和尾部都是引導客戶做出行動的按鈕和提示，也方便瀏覽者在任何時間和任何位置都能快速的和我們取得互動和聯系；其次，博世云觀也把微信公眾號、微信視頻號、優酷視頻等媒體矩陣都展示出來，希望用戶在認可博世遠觀的解決方案后，可以多多的關注博世云觀。

今天的分享到此告一段落，下期會繼續分享一些傳統制造業、高科技行業案例，同時跟大家聊一聊網站在新的營銷場景中的應用，包括出海網站建設的內容，盡請期待！

掃碼添加客服在線溝通

?