數(shù)字工業(yè)導(dǎo)購(gòu)場(chǎng)景設(shè)計(jì) —— 工業(yè)品牌PC 3.0升級(jí)

2020-2-28    資深UI設(shè)計(jì)者

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

伴隨著業(yè)務(wù)的整體升級(jí),工業(yè)品牌PC首頁(yè)作為買(mǎi)賣(mài)家感知業(yè)務(wù)價(jià)值的門(mén)面和流量承接的關(guān)鍵場(chǎng)景,需要同步升級(jí)才能更好的滿(mǎn)足買(mǎi)家需求,提升買(mǎi)家體驗(yàn)。


三大升級(jí)目標(biāo)


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


2、 提升內(nèi)容框架合理性:舊版場(chǎng)景框架結(jié)構(gòu)較為混亂,內(nèi)容組合自由度過(guò)高,采購(gòu)鏈路不清晰導(dǎo)致用戶(hù)體驗(yàn)不佳。且隨著內(nèi)容的更新,舊的框架和新的內(nèi)容也無(wú)法匹配,需要升級(jí)框架使采購(gòu)鏈路清晰化,提升用戶(hù)體驗(yàn)。 


3、 提升工業(yè)品牌業(yè)務(wù)認(rèn)知:隨著業(yè)務(wù)打法的升級(jí),工業(yè)品牌的核心理念也進(jìn)行了升級(jí),新版的工業(yè)品牌市場(chǎng)需要提升用戶(hù)對(duì)平臺(tái)價(jià)值的認(rèn)知,樹(shù)立品牌正品的心智。


升級(jí)策略 


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


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

 

然后新增了一個(gè)專(zhuān)門(mén)的個(gè)性化身份場(chǎng)景模塊,進(jìn)行有針對(duì)性的商品、商家、工具推薦,實(shí)現(xiàn)人、貨、場(chǎng)的個(gè)性化匹配。

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


二、 打造營(yíng)銷(xiāo)+工具扁平陣地,從內(nèi)容框架升級(jí)提升體驗(yàn) 


1、 采購(gòu)鏈路清晰化


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

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

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


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


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


所謂“個(gè)性”即是品牌定位。我們從工業(yè)品牌的平臺(tái)定位出發(fā),聚焦業(yè)務(wù)本質(zhì)的核心理念和價(jià)值優(yōu)勢(shì)上,再結(jié)合用戶(hù)視角的感知傾向,最后推導(dǎo)出數(shù)字化、工業(yè)感兩個(gè)核心關(guān)鍵詞。然后順著關(guān)鍵詞進(jìn)行具像化發(fā)散,再?gòu)木呦笤刂泻Y選出典型的,抽象的融入到頁(yè)面中落地,從而打造「數(shù)字工業(yè)」的品牌形象。


標(biāo)準(zhǔn)色&ICON


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

圖形&動(dòng)效


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

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

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


結(jié)語(yǔ)


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

文章來(lái)源:站酷    作者:CBU設(shè)計(jì) 龍奕柯

分享本文至:

日歷

鏈接

個(gè)人資料

存檔