所屬行業(yè):電器設(shè)備
所用產(chǎn)品:凡科建站
功能亮點(diǎn):模塊飛入、多圖滾動(dòng)、輪播banner
關(guān)于網(wǎng)站設(shè)計(jì)的種種,我們?cè)浴捌髽I(yè)官網(wǎng)真的要做得越酷炫越好嗎?”來(lái)論述網(wǎng)站實(shí)用性的重要,也曾以“只用一個(gè)色,能打造出高大上的官網(wǎng)嗎?”來(lái)分析網(wǎng)站設(shè)計(jì)中配色的竅門。
無(wú)論是功能上,還是視覺(jué)上,網(wǎng)站設(shè)計(jì)所涉及的要素繁多。不同的企業(yè),所面對(duì)用戶的屬性不同,企業(yè)網(wǎng)站的設(shè)計(jì)要素也必須相應(yīng)調(diào)整。今天,我們以“慧杰機(jī)械”官網(wǎng)來(lái)看看B2B網(wǎng)站在設(shè)計(jì)過(guò)程中該如何把握B端設(shè)計(jì)中的特點(diǎn)。
B2B企業(yè)官網(wǎng)的“常規(guī)”設(shè)計(jì)
在日常中,我們會(huì)發(fā)現(xiàn),相比于企業(yè)對(duì)消費(fèi)者(B2C)官網(wǎng)的良好體驗(yàn),如酷炫的視覺(jué)感受、多樣趣味的交互體驗(yàn)、強(qiáng)烈的消費(fèi)氛圍營(yíng)造等,企業(yè)對(duì)企業(yè)(B2B)網(wǎng)站往往只能用中規(guī)中矩來(lái)形容。
以“慧杰機(jī)械”官網(wǎng)設(shè)計(jì)為例,看看B2B網(wǎng)站設(shè)計(jì)都有什么“特色”。首先網(wǎng)站首頁(yè)的整體安排,分為4大部分:產(chǎn)品展示為主的Banner圖模塊、主打產(chǎn)品詳情跳轉(zhuǎn)模塊、企業(yè)實(shí)力展示、購(gòu)機(jī)指南文章。
整個(gè)安排遵循瀏覽者從認(rèn)知、信任,到轉(zhuǎn)化的邏輯過(guò)程。除此之外,再?zèng)]有了多余的信息設(shè)置。
其次,在網(wǎng)站視覺(jué)設(shè)計(jì)上貫穿著工業(yè)風(fēng)的冷靜與沉穩(wěn),以“深黑+深紅”搭配,契合企業(yè)印花工業(yè)設(shè)備的屬性,并使用大色塊堆疊,不加細(xì)膩的顏色去修飾。
最后,在網(wǎng)站交互體驗(yàn)上,也僅是采用常規(guī)的模塊飛入、多圖滾動(dòng)等少數(shù)的特效,但大量使用圖片點(diǎn)擊、文本模塊點(diǎn)擊跳轉(zhuǎn)產(chǎn)品介紹與成品展示頁(yè)面的交互動(dòng)作。
可以說(shuō),“慧杰機(jī)械”的企業(yè)官網(wǎng),無(wú)論是整體還是細(xì)節(jié),在視覺(jué)設(shè)計(jì)上的考量并不深,但在功能的處理上卻處處都在為傳遞出其產(chǎn)品與企業(yè)的價(jià)值所設(shè)計(jì)。而這些恰恰就是B2B企業(yè)網(wǎng)站的“正確”做法。
對(duì)于B2B網(wǎng)站而言,用戶的體驗(yàn)并不是網(wǎng)站設(shè)計(jì)的制勝的關(guān)鍵,強(qiáng)調(diào)價(jià)值才是最重要的。為什么這樣說(shuō),我們接下來(lái)分析。
B2B網(wǎng)站設(shè)計(jì),為何價(jià)值大于美觀
要理解為什么網(wǎng)站要價(jià)值大于美觀,就要清楚明白B2B生意所具有的特殊屬性,那就是其決策的鏈路很長(zhǎng),在購(gòu)買服務(wù)或產(chǎn)品的整個(gè)過(guò)程中,有眾多不同崗位的人員參與。
以“慧杰機(jī)械”為例,所面向的客戶以大型印刷廠、創(chuàng)業(yè)型企業(yè)、個(gè)人工作室為主,這一類用戶采購(gòu)的過(guò)程中涉及設(shè)備使用員、采購(gòu)員、管理、老板等。當(dāng)一個(gè)采購(gòu)意向提出,需要通過(guò)高層管理者批準(zhǔn),最后由采購(gòu)團(tuán)隊(duì)進(jìn)行購(gòu)買的動(dòng)作。
因此,B2B網(wǎng)站在設(shè)計(jì)上必須兼顧不同層次崗位的人員接受信息的需要進(jìn)行相關(guān)設(shè)置。比如決策者實(shí)際上不會(huì)使用產(chǎn)品或服務(wù),也不會(huì)參與最初的調(diào)查階段,僅是在最終審查時(shí)參考一下這個(gè)網(wǎng)站。此時(shí),企業(yè)的實(shí)力、榮譽(yù)、服務(wù)保障等有價(jià)值的信息便是決策者最關(guān)注的價(jià)值點(diǎn)。
因此,我們可以看到“慧杰機(jī)械”官網(wǎng)上,將專利榮譽(yù)、企業(yè)優(yōu)勢(shì)分別放在首頁(yè)的banner圖與網(wǎng)頁(yè)中部的顯眼位置,省去瀏覽者尋找的時(shí)間,進(jìn)一步降低決策者的決策成本。
而“使用者”或“采購(gòu)員”這類用戶,其主要職責(zé)是進(jìn)行調(diào)查為決策者提供選擇方案,因此會(huì)更加細(xì)致地了解產(chǎn)品或服務(wù)的細(xì)節(jié),也考慮產(chǎn)品使用的體驗(yàn),從而主動(dòng)去了解詳情。此時(shí),網(wǎng)站給予足夠的引導(dǎo),讓他們進(jìn)入更詳細(xì)的信息頁(yè)即可。
從“慧杰機(jī)械”官網(wǎng)上看,也正是如此。如設(shè)置產(chǎn)品頁(yè)跳轉(zhuǎn)、應(yīng)用行業(yè)跳轉(zhuǎn)、購(gòu)機(jī)指導(dǎo)頁(yè)跳轉(zhuǎn)等模塊,每個(gè)子頁(yè)面都具有詳盡的產(chǎn)品規(guī)格、成品效果展示信息。為的就是讓“使用者”與“采購(gòu)者”了解更多信息,從而以其為依據(jù)說(shuō)服決策者。
除此之外,我們還會(huì)看到,即使“慧杰機(jī)械”官網(wǎng)上有詳細(xì)的產(chǎn)品介紹頁(yè),但唯一缺的是并沒(méi)有明確標(biāo)明產(chǎn)品的價(jià)格。
為何這樣安排?據(jù)“慧杰機(jī)械”市場(chǎng)總監(jiān)介紹,「2B端的產(chǎn)品,其價(jià)格會(huì)依據(jù)客戶需求對(duì)設(shè)備進(jìn)行定制性配置而有所不同,因此不適宜統(tǒng)一價(jià)格。另一方面,大型設(shè)備不像C端產(chǎn)品,通過(guò)價(jià)格來(lái)打動(dòng)消費(fèi)者沖動(dòng)消費(fèi),而是需要與客戶進(jìn)行談判。這樣一來(lái),對(duì)有強(qiáng)烈需求的客戶,他們就會(huì)主動(dòng)留下聯(lián)系方式,便于我們?nèi)ジM(jìn)?!?/span>
最后,關(guān)于B2B網(wǎng)站設(shè)計(jì)的要點(diǎn),可以總結(jié)為注重價(jià)值內(nèi)容的打造,針對(duì)B端用戶的購(gòu)買決策參與者設(shè)置不同的內(nèi)容,讓不同層次崗位的用戶高效獲取他們想要的信息。
直達(dá)案例官網(wǎng):