數(shù)字工業(yè)導購場景設計 —— 工業(yè)品牌PC 3.0升級

2020-2-28    資深UI設計者

2019下半年,阿里巴巴旗下B2B業(yè)務平臺1688官宣了全新的戰(zhàn)略升級目標:針對工業(yè)領域進行全面升級支撐,堅持“品牌正品、品質服務”,聚焦在內(nèi)容、服務和用戶上,致力于打造需求驅動的C2M新模式。重塑市場格局,加速制造業(yè)流通數(shù)字化升級。

伴隨著業(yè)務的整體升級,工業(yè)品牌PC首頁作為買賣家感知業(yè)務價值的門面和流量承接的關鍵場景,需要同步升級才能更好的滿足買家需求,提升買家體驗。


三大升級目標


1、 提升內(nèi)容與買家匹配精準度:從舊版的數(shù)據(jù)分析來看,搜索和導航欄UV占比超過70%,其他區(qū)塊尤其二屏及以下點擊率很低,說明市場大部分的內(nèi)容對用戶沒有吸引力,需要為用戶推薦更豐富、更精準的內(nèi)容才能把用戶留下。 


2、 提升內(nèi)容框架合理性:舊版場景框架結構較為混亂,內(nèi)容組合自由度過高,采購鏈路不清晰導致用戶體驗不佳。且隨著內(nèi)容的更新,舊的框架和新的內(nèi)容也無法匹配,需要升級框架使采購鏈路清晰化,提升用戶體驗。 


3、 提升工業(yè)品牌業(yè)務認知:隨著業(yè)務打法的升級,工業(yè)品牌的核心理念也進行了升級,新版的工業(yè)品牌市場需要提升用戶對平臺價值的認知,樹立品牌正品的心智。


升級策略 


一、 圍繞買家分層升級內(nèi)容,提升內(nèi)容與買家匹配精準度 


定義用戶感興趣的內(nèi)容,從買家分層做起。我們沿著圍繞買家身份進行個性化導購場景推薦的思路,以用研提供的買家核身數(shù)據(jù)資料為基礎,再結合運營提供的經(jīng)驗,提煉出不同身份的用戶畫像,抽象出他們的采購特性。

 

然后新增了一個專門的個性化身份場景模塊,進行有針對性的商品、商家、工具推薦,實現(xiàn)人、貨、場的個性化匹配。

除了新增的個性化身份場景外,首屏新增了三個固定營銷位,聚焦在典型買家的普遍訴求上:新人活動、金融活動和服務(物流/發(fā)票)專場,打造以貿(mào)易商/電商為核心,門店/企業(yè)自用為輔助客群的營銷+工具一體化流量圈。同時新增了低價場景,以日為單位,折扣幅度更大的“每日特惠”,用低價的硬通貨提升用戶粘性促進轉化,強化用戶對工業(yè)品牌的認知。


二、 打造營銷+工具扁平陣地,從內(nèi)容框架升級提升體驗 


1、 采購鏈路清晰化


定義每一屏用戶的核心訴求,提供有效的、符合用戶預期的對應內(nèi)容

2、 簡化容器形式:突出內(nèi)容降低閱讀成本

以首屏設計為例,以不同底色分隔區(qū)塊,省略所有不必要的間距分隔,使首屏的整體性更強,形式更緊湊聚焦。


三、 營造「數(shù)字工業(yè)」氛圍,提升用戶對市場感知,塑造品牌正品心智 


導購場景里的品牌打造,核心價值在于強化市場形象,讓用戶感知到平臺價值,認知平臺特性。工業(yè)品的電商網(wǎng)站那么多,除了內(nèi)容層,表現(xiàn)層我們也需要和其他網(wǎng)站有顯著區(qū)分,具有自己的“個性”,給用戶不一樣的體感。 


所謂“個性”即是品牌定位。我們從工業(yè)品牌的平臺定位出發(fā),聚焦業(yè)務本質的核心理念和價值優(yōu)勢上,再結合用戶視角的感知傾向,最后推導出數(shù)字化、工業(yè)感兩個核心關鍵詞。然后順著關鍵詞進行具像化發(fā)散,再從具象元素中篩選出典型的,抽象的融入到頁面中落地,從而打造「數(shù)字工業(yè)」的品牌形象。


標準色&ICON


工業(yè)品牌從1.0版本開始就一直采用的是黑黃配色,黑灰色取自金屬,黃色則是機械設備、工業(yè)產(chǎn)品(如安全帽)上的常用漆色,這兩種顏色是工業(yè)場景中最具代表性、通用性的常見色,容易讓用戶感到熟悉而引起情感共鳴。為了品牌的延續(xù)性,3.0仍然保持了黑黃的主配色,并在此基礎上新增了四種從工業(yè)品行業(yè)場景中提取的重色調(diào)冷色,增加配色上的豐富度和拓展性。ICON設計上運用粗重的線條,硬朗的方角,塑造沉穩(wěn)、嚴謹?shù)捏w感。

圖形&動效


為了營造具有科技感的數(shù)字化氛圍,在設計中融入了一些從HUD風格中抽取出的元素。如每日特惠模塊中的動態(tài)表盤和標注數(shù)據(jù)變化,會呼吸的閃爍button和hover狀態(tài)下出現(xiàn)的定位框。前者表達了數(shù)字化的概念的同時強調(diào)了折扣幅度、板塊特性,后者則算是操作時出現(xiàn)的小彩蛋。

立體組貨場景導購:3D化的場景還原導購,直觀的體現(xiàn)線下生產(chǎn)場景的線上“數(shù)字化”的概念,不僅易讓用戶產(chǎn)生代入感,也增加了頁面導購專業(yè)度與視覺豐富度。

升級后整體數(shù)據(jù)提升明顯


結語


此次PC整體升級,根據(jù)買家分層新增了更精準匹配的場景推薦,優(yōu)化了內(nèi)容框架,營造了數(shù)字工業(yè)的氛圍來塑造具有平臺特性的市場形象。當然在項目的過程中,也因為項目周期內(nèi)的一些局限性,讓產(chǎn)品還有很多優(yōu)化完善的空間,后續(xù)仍需繼續(xù)挖掘買家訴求,通過不斷的探索和創(chuàng)新,提升買家體驗。

文章來源:站酷    作者:CBU設計 龍奕柯

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔