2020-2-28 資深UI設計者
2019下半年，阿里巴巴旗下B2B業務平臺1688官宣了全新的戰略升級目標：針對工業領域進行全面升級支撐，堅持“品牌正品、品質服務”，聚焦在內容、服務和用戶上，致力于打造需求驅動的C2M新模式。重塑市場格局，加速制造業流通數字化升級。
伴隨著業務的整體升級，工業品牌PC首頁作為買賣家感知業務價值的門面和流量承接的關鍵場景，需要同步升級才能更好的滿足買家需求，提升買家體驗。
三大升級目標
1、 提升內容與買家匹配精準度：從舊版的數據分析來看，搜索和導航欄UV占比超過70%，其他區塊尤其二屏及以下點擊率很低，說明市場大部分的內容對用戶沒有吸引力，需要為用戶推薦更豐富、更精準的內容才能把用戶留下。
2、 提升內容框架合理性：舊版場景框架結構較為混亂，內容組合自由度過高，采購鏈路不清晰導致用戶體驗不佳。且隨著內容的更新，舊的框架和新的內容也無法匹配，需要升級框架使采購鏈路清晰化，提升用戶體驗。
3、 提升工業品牌業務認知：隨著業務打法的升級，工業品牌的核心理念也進行了升級，新版的工業品牌市場需要提升用戶對平臺價值的認知，樹立品牌正品的心智。
升級策略
一、 圍繞買家分層升級內容，提升內容與買家匹配精準度
定義用戶感興趣的內容，從買家分層做起。我們沿著圍繞買家身份進行個性化導購場景推薦的思路，以用研提供的買家核身數據資料為基礎，再結合運營提供的經驗，提煉出不同身份的用戶畫像，抽象出他們的采購特性。
然后新增了一個專門的個性化身份場景模塊，進行有針對性的商品、商家、工具推薦，實現人、貨、場的個性化匹配。
除了新增的個性化身份場景外，首屏新增了三個固定營銷位，聚焦在典型買家的普遍訴求上：新人活動、金融活動和服務(物流/發票)專場，打造以貿易商/電商為核心，門店/企業自用為輔助客群的營銷+工具一體化流量圈。同時新增了低價場景，以日為單位，折扣幅度更大的“每日特惠”，用低價的硬通貨提升用戶粘性促進轉化，強化用戶對工業品牌的認知。
二、 打造營銷+工具扁平陣地，從內容框架升級提升體驗
1、 采購鏈路清晰化
定義每一屏用戶的核心訴求，提供有效的、符合用戶預期的對應內容
2、 簡化容器形式：突出內容降低閱讀成本
以首屏設計為例，以不同底色分隔區塊，省略所有不必要的間距分隔，使首屏的整體性更強，形式更緊湊聚焦。
三、 營造「數字工業」氛圍，提升用戶對市場感知，塑造品牌正品心智
導購場景里的品牌打造，核心價值在于強化市場形象，讓用戶感知到平臺價值，認知平臺特性。工業品的電商網站那么多，除了內容層，表現層我們也需要和其他網站有顯著區分，具有自己的“個性”，給用戶不一樣的體感。
所謂“個性”即是品牌定位。我們從工業品牌的平臺定位出發，聚焦業務本質的核心理念和價值優勢上，再結合用戶視角的感知傾向，最后推導出數字化、工業感兩個核心關鍵詞。然后順著關鍵詞進行具像化發散，再從具象元素中篩選出典型的，抽象的融入到頁面中落地，從而打造「數字工業」的品牌形象。
標準色&ICON
工業品牌從1.0版本開始就一直采用的是黑黃配色，黑灰色取自金屬，黃色則是機械設備、工業產品(如安全帽)上的常用漆色，這兩種顏色是工業場景中最具代表性、通用性的常見色，容易讓用戶感到熟悉而引起情感共鳴。為了品牌的延續性，3.0仍然保持了黑黃的主配色，并在此基礎上新增了四種從工業品行業場景中提取的重色調冷色，增加配色上的豐富度和拓展性。ICON設計上運用粗重的線條，硬朗的方角，塑造沉穩、嚴謹的體感。
圖形&動效
為了營造具有科技感的數字化氛圍，在設計中融入了一些從HUD風格中抽取出的元素。如每日特惠模塊中的動態表盤和標注數據變化，會呼吸的閃爍button和hover狀態下出現的定位框。前者表達了數字化的概念的同時強調了折扣幅度、板塊特性，后者則算是操作時出現的小彩蛋。
立體組貨場景導購：3D化的場景還原導購，直觀的體現線下生產場景的線上“數字化”的概念，不僅易讓用戶產生代入感，也增加了頁面導購專業度與視覺豐富度。
升級后整體數據提升明顯
結語
此次PC整體升級，根據買家分層新增了更精準匹配的場景推薦，優化了內容框架，營造了數字工業的氛圍來塑造具有平臺特性的市場形象。當然在項目的過程中，也因為項目周期內的一些局限性，讓產品還有很多優化完善的空間，后續仍需繼續挖掘買家訴求，通過不斷的探索和創新，提升買家體驗。
文章來源：站酷 作者：CBU設計 龍奕柯