如今很多企業(yè)對官網(wǎng)的設(shè)計并不重視，但是你要知道想了解一個企業(yè)時，首先就會想到找一下這個公司的官網(wǎng)，看看這家公司如何？所以企業(yè)官網(wǎng)是一個非常重要的獲客渠道，設(shè)計一個好的官網(wǎng)是可以提升轉(zhuǎn)化率的。

企業(yè)官網(wǎng)是用戶了解產(chǎn)品信息，企業(yè)傳遞品牌價值的重要渠道，企業(yè)官網(wǎng)還可以為公司帶來用戶的轉(zhuǎn)化營收。

那如何設(shè)計才能讓品牌在眾多產(chǎn)品中脫穎而出，并且推動用戶為產(chǎn)品買單？我們要弄明白官網(wǎng)的設(shè)計分幾部分去進(jìn)行？思路要清楚明白，這樣做起來才不會浪費太多的時間和精力。

一、目標(biāo)

在開始設(shè)計前，我們已經(jīng)有一個版本的企業(yè)官網(wǎng)，通過分析發(fā)現(xiàn)，我們會發(fā)現(xiàn)舊版本有較多明顯問題。

有一個誤區(qū)是，當(dāng)重設(shè)計開始時，容易陷入到舊版的設(shè)計模式中，為解決舊版本的問題而開始設(shè)計，這種方式有可能會導(dǎo)致與最終的目標(biāo)方向出現(xiàn)偏離；因此，在項目初始階段，團(tuán)隊成員共同設(shè)定清晰的目標(biāo)非常重要，圍繞核心目標(biāo)，設(shè)計中的每個元素都要為這個目標(biāo)服務(wù)。

經(jīng)過團(tuán)隊內(nèi)多角色討論與分析，最終確定重設(shè)計的目標(biāo)是：

· 提升獲客轉(zhuǎn)化；

· 提升產(chǎn)品氣質(zhì)；

· 沉淀設(shè)計資產(chǎn)；

二、提升獲客轉(zhuǎn)化

獲客轉(zhuǎn)化作為產(chǎn)品的業(yè)務(wù)目標(biāo)，關(guān)鍵首先是用戶——用戶是誰？用戶有什么特征？只有當(dāng)我們足夠了解用戶與用戶行為發(fā)生的原因，才可以更好實現(xiàn)用戶轉(zhuǎn)化。

通過對內(nèi)外部人員的訪談，閱讀客服反饋文檔、了解用戶數(shù)據(jù)情況等方式去了解用戶，我們發(fā)現(xiàn)了目標(biāo)用戶所具有的一些主要特征：

1. 細(xì)分用戶情況

普通設(shè)計師：自己使用，關(guān)注產(chǎn)品功能是否符合自己的需求，例如設(shè)計能力和渲染效果等。

設(shè)計主管or專業(yè)負(fù)責(zé)人：關(guān)注產(chǎn)品功能，學(xué)習(xí)成本、管理能力，也關(guān)注產(chǎn)品公司的品牌實力情況。

小微企業(yè)負(fù)責(zé)人或個體老板：關(guān)注產(chǎn)品功能、學(xué)習(xí)成本、售后培訓(xùn)，讓不是專業(yè)設(shè)計師的員工快速學(xué)習(xí)并使用，幫助銷售業(yè)績的上漲。

通過用戶研究，我們了解到是什么因素影響了用戶轉(zhuǎn)化，借此可以更好的組織信息構(gòu)建。

2. 頁面重構(gòu)

相信大家已經(jīng)聽過AIDA模型、FABE法則等，通過這些經(jīng)典方法可以幫助我們快速的搭建了一個良好的網(wǎng)站框架；再結(jié)合用戶研究結(jié)論和多次的腦暴會議，我們確定了新的頁面思路：A 打造信息分層、B 突出產(chǎn)品核心價值、C 縮短轉(zhuǎn)化路徑。

A、打造信息分層

用戶來到網(wǎng)站后，如何快速尋找并獲得想要的信息，建立對產(chǎn)品的價值認(rèn)同從而實現(xiàn)轉(zhuǎn)化，是打造信息分層的重點。

在這個轉(zhuǎn)化的過程中，用戶通常會經(jīng)歷這么幾個重要步驟：產(chǎn)品or品牌初識 — 逐步了解 — 強(qiáng)化認(rèn)知 — 打消疑慮 — 行為轉(zhuǎn)化。

B、突出產(chǎn)品核心價值

在用戶研究中我們發(fā)現(xiàn)，產(chǎn)品功能是所有用戶的共同關(guān)注點。

對企業(yè)官網(wǎng)來說，除了露出產(chǎn)品功能優(yōu)勢，還需打造產(chǎn)品差異于競品的核心價值，那酷家樂產(chǎn)品的核心價值是什么？

經(jīng)過不斷的討論、分析，以及來自用戶的聲音，在眾多產(chǎn)品優(yōu)勢中我們希望重點透出酷家樂產(chǎn)品的快速設(shè)計和渲染能力，這是用戶買單的關(guān)鍵決策點也是產(chǎn)品想要打造區(qū)別于競品的核心競爭優(yōu)勢。

在整體頁面的顯示優(yōu)先級、區(qū)塊的投入比上，設(shè)計突出強(qiáng)調(diào)了產(chǎn)品的設(shè)計和渲染能力，并在內(nèi)容細(xì)節(jié)處強(qiáng)調(diào)了產(chǎn)品利益點。

C、縮短轉(zhuǎn)化路徑

在打造信息分層時，我們提到用戶的轉(zhuǎn)化過程會歷經(jīng)幾個重要步驟，但并不代表用戶一定會經(jīng)歷完整過程才會轉(zhuǎn)化，當(dāng)用戶在某一節(jié)點做出行動時，我們需及時的給予入口，讓用戶快速轉(zhuǎn)化。

1）即時行為召喚

我們?yōu)橛脩舻霓D(zhuǎn)化，設(shè)置了多個即時行為召喚入口：

· 右上角免費通話按鈕；

· 重要模塊免費試用（如banner、產(chǎn)品優(yōu)勢等）；

· 右側(cè)懸浮試用入口；

· 客服咨詢；

· 底部快速入口。

在交互方式上，除了最簡單的需用戶主動觸發(fā)的行為按鈕外，我們也做了一些其他的嘗試，希望與用戶產(chǎn)生更友好的互動。

友好的客服呼出方式：

客服是用戶更進(jìn)一步了解產(chǎn)品的重要入口，如何不打擾用戶又能引起用戶注意與我們產(chǎn)生進(jìn)一步交互，我們在視覺和交互上設(shè)計了2種方式。

視覺上，客服以真實人像的方式顯示，并且根據(jù)不同質(zhì)量的客戶渠道來源，以不同的客服身份感知，給予高質(zhì)量用戶更好的身份認(rèn)同。

交互上，當(dāng)用戶來到網(wǎng)站后，我們會在幾秒內(nèi)以對話框的方式彈出一條消息，并利用小紅點的消除心理，在客服頭像上顯示消息數(shù)提示，用戶可通過點擊客服頭像或點擊對話框與客服對話。

2）表單的優(yōu)化

表單設(shè)計需遵循清晰、簡單、高效的原則，避免過長表單讓用戶在錄入過程中枯燥乏味，進(jìn)而流失；而B端官網(wǎng)的最終用戶是某個公司或團(tuán)體，因此還需讓用戶明確行為的身份角色認(rèn)知。

優(yōu)化表單設(shè)計時，我們對輸入項重新排序，把企業(yè)名稱和用戶職位優(yōu)先級提高，無團(tuán)體的個人用戶看到這樣的信息，可以意識到自己的角色和產(chǎn)品的適配性問題；另外，我們把重復(fù)無用的錄入信息做刪減，確保用戶只提交最有效最精簡的信息，提高了信息的有效性，也縮短了用戶錄入的信息量和時長。

僅通過表單的優(yōu)化，我們過濾掉了35%的無效線索，并為后續(xù)客服的跟進(jìn)節(jié)省了人工成本。