浪潮云網站建設

對于ToB企業(yè)的網站設計，本質上都是在做一件事情——通過設計的作品激發(fā)使用者的情緒共鳴，同時基于對業(yè)務訴求的貼合，嘗試創(chuàng)新不同的呈現(xiàn)模式，基于此不斷地去驗證業(yè)務、推進業(yè)務，從而達到設計策略、用戶策略與業(yè)務策略的深度融合。

我們希望通過浪潮云官網的此次改版升級，和大家一起探討下「設計與用戶、業(yè)務的價值鏈」。

01.浪潮云，中國最早提供云服務的廠商之一

浪潮云是首批國家機關云服務供應商，作為行業(yè)云的引領者，浪潮云致力于成為高品質云服務提供商，具備“專業(yè)、生態(tài)、可信賴”三大核心優(yōu)勢。為客戶提供云網邊端融合、云數(shù)智融合、建管運融合的全棧云服務，構建零信任的云數(shù)安全體系，打造新一代混合云。攜手合作伙伴，共建云舟聯(lián)盟生態(tài)，支撐政府、企業(yè)數(shù)字化轉型，助力數(shù)字中國建設。

02.解決問題的前提，是定義真正的問題

首先官網的核心使命與價值是為用戶提供高價值內容、優(yōu)質服務，幫助浪潮云產品和業(yè)務打造用戶口碑，另外從業(yè)務角度，需要接結合不同的業(yè)務場景對用戶的訪問訴求進行合理疏導，并規(guī)劃網站產品與方案的完整鏈路，據此為用戶觸達的路徑規(guī)劃整個網站建設的訪問鏈路。

基于此，我們明確了此次浪潮云官網改版升級的核心目標那就是：為用戶減負、為業(yè)務賦能。

03.用戶訴求與品牌定位的平衡之美

相比于網站首頁這一網站核心頁面，我們更加關注不同客戶群體以首頁為起點在整個網站建設內容瀏覽的行為鏈路，所以從項目啟動伊始，我們的目標就是不僅是網站視覺層基礎的優(yōu)化，而是系統(tǒng)通過對用戶的行為分析策劃整套網站的原型思路，以達到讓設計策略為用戶服務的目標。

搞清楚我們面對的訪客是誰，他們需要什么樣的服務和產品，他們有什么樣的行為特征，這樣從內容、體驗、品牌三個方向結合視覺、色彩、圖形、文字達到此次官網升級的目標讓整個網站形成立體的概念。

網站首頁

我們在網站設計過程中進行了空間重組，保留原來首頁中重點板塊如產品、方案欄目，對整體品牌氛圍進行渲染，并做了功能上的從新劃分。比如頂部導航，從原來的多層調整為現(xiàn)在的單層呈現(xiàn)，占用位置更窄，但功能又得到了優(yōu)化，用戶體驗提高，集合搜索、控制臺登錄、實名認證、備案、登錄、注冊等多個交互接口，整體一目了然。又如產品板塊， 為了解決層級問題，從空間規(guī)劃上，集合產品重點分類的基礎讓，當點擊產品分類時則會推薦顯示相關產品，通過又可區(qū)分推薦重點產品。

內容穿透，整體布局上形成內容上的閉環(huán)，從首屏的banner定位，到核心產品與解決方案能力展示，再到案例支撐與公司大數(shù)據的背書，最后通過活動資訊的實時展示，用貼合用戶瀏覽習慣的內容邏輯提供客戶完整的認知體驗。而網站建設最后的CTA按鈕則作為客戶最終觸達浪潮云的交互窗口。

元素貫穿，浪潮云經過升級后的VI標準這次也在網站設計中得到應用，在策劃項目時我們一直在思考和尋找屬于浪潮云的品牌特質，這些應該是浪潮云內在的基因，而不隨外在環(huán)境的變化而改變。浪潮云作為國家機關云服務供應商，作為行業(yè)云的引領者，我們所做的就是為網站視覺降噪，化繁為簡讓用戶在瀏覽網站時一目了然，同時在整體上我們應用了全新的VI色要求，對重點板塊采用橙色進行點亮，在ICON的設計上也是采用簡潔干脆的視覺風格，延續(xù)整體的科技感。

產品與方案頁面

建立詳情頁統(tǒng)一的認知，在策劃階段，我們梳理了產品詳情頁7個模塊，方案詳情頁6個模塊，以業(yè)務場景為基礎，結合用戶體驗，搭建出一套統(tǒng)一的詳情頁基礎架構，形成統(tǒng)一的認知框架，基于此再去滿足每個欄目的個性化需求。

場景化引導，詳情頁的篇幅較長，如何讓客戶在瀏覽的過程中沉浸其中呢，以產品詳情頁為例，將核心內容劃分為：產品功能、產品架構、客戶案例、推薦方案、產品優(yōu)勢、應用場景、使用幫助，7個板塊相互補充，形成一套內容閉環(huán)。

促進留咨轉化，頁面中CTA的布局策略是促進頁面內容相互流轉和客戶留咨的重要渠道。通常一個頁面中應當植入三到五個CTA按鈕，讓客戶需要咨詢時能快速找到相應的入口，以解決方案詳情頁為例，我們分別在頂部banner位置、網站側邊漂浮位置、網站底部位置，分別設置了三個CTA按鈕，目的就是在不打攪客戶瀏覽的同時能獲得更多的留資可能。

其他細節(jié)

網站設計更精確有效的內容推薦，以產品下拉菜單為例，首先我們將導航鋪滿可視區(qū)，最大化的利用空間，其次內容豐富，從產品分類，到推薦產品呈現(xiàn)，再到咨詢窗口的引入，通過一個下拉窗口滿足客戶快速查找快速瀏覽的目的。

多平臺打通能力，針對控制臺、實名認證、備案、登錄、注冊等原網站中需要對接已有系統(tǒng)的板塊，采用單點登錄（SSO）方案進行優(yōu)化開發(fā)，優(yōu)化客戶體驗。另外針對《考試中心》欄目中已有考試系統(tǒng)，采用頁面嵌入方式進行二次開發(fā)，保障用戶的使用習慣。

04.最后

非常感謝浪潮集團對雍熙的認可，雍熙與浪潮集團的合作始于2020年，當時雙方團隊精密配合共同完成了浪潮集團官網（www.inspur.com）的開發(fā)。

此次為了浪潮云官網項目的順利執(zhí)行，浪潮云團隊做了非常充足的準備，從網站的基礎規(guī)劃、網站資料整理、內部協(xié)調配合都非常的高效，為她們點贊！！！

最后期待與浪潮集團的再次合作。

雍熙愿意與每一位客戶相互成就，照亮彼此，時間不停，雍熙一直在你身邊。