國(guó)內(nèi)互聯(lián)網(wǎng)經(jīng)過(guò)十年的發(fā)展，很多企業(yè)的網(wǎng)站都做得越來(lái)越好了。流量分析與AB測(cè)試等工具的產(chǎn)生，讓營(yíng)銷人員知道哪些要素能提高轉(zhuǎn)化率、不可或缺值得改進(jìn)，哪些要素可有可無(wú)，可以放棄。

通常情況下，網(wǎng)站主頁(yè)并不是訪客第一個(gè)訪問(wèn)的頁(yè)面，大多數(shù)訪客先是瀏覽了某篇文章，點(diǎn)擊其中的某個(gè)鏈接，然后才調(diào)轉(zhuǎn)到主頁(yè)上。當(dāng)用戶發(fā)生這個(gè)動(dòng)作后，說(shuō)明你有很大機(jī)會(huì)將他們轉(zhuǎn)化為郵件/RSS訂閱讀者，甚至成為你的顧客。

現(xiàn)在為大家分享幾個(gè)知名的網(wǎng)站主頁(yè)，看看他們是怎么進(jìn)行頁(yè)面布局的，是如何利用并優(yōu)化各種營(yíng)銷要素的，從而將訪客轉(zhuǎn)化成郵件的訂閱者或網(wǎng)站的忠實(shí)讀者。

光有一個(gè)漂亮的主頁(yè)就夠了么？

通過(guò)平日的觀察，我發(fā)現(xiàn)一個(gè)有趣的現(xiàn)象：設(shè)計(jì)得不怎么樣的主頁(yè)轉(zhuǎn)化效果往往優(yōu)于漂亮的主頁(yè)！！！

雖然這只是一種現(xiàn)象，并非定律，我們卻可以從這種現(xiàn)象中得到一些思考和啟示。

網(wǎng)站設(shè)計(jì)｜10大創(chuàng)意教你設(shè)計(jì)網(wǎng)站主頁(yè)

我通常用Craigslist的案例來(lái)分析。正如上圖你所看到的，這個(gè)網(wǎng)站的主頁(yè)就是一堆藍(lán)色的文字鏈，設(shè)計(jì)者把他們按照一定的分類進(jìn)行排放，這種設(shè)計(jì)就像1999年互聯(lián)網(wǎng)剛開始興起時(shí)的風(fēng)格樣式。但是效果卻非常好，Craigslist是世界上最著名的分類廣告網(wǎng)站。（請(qǐng)參照國(guó)內(nèi)的58趕集）

那么企業(yè)該如何在“美和丑”之間找到一個(gè)平衡點(diǎn)，實(shí)現(xiàn)頁(yè)面優(yōu)化與用戶轉(zhuǎn)化的雙贏效果呢？有一點(diǎn)我想說(shuō)的是，企業(yè)并非將主頁(yè)設(shè)計(jì)得最酷炫、最時(shí)尚才算成功。

優(yōu)秀的研究案例

接下來(lái)我們就來(lái)看看一些優(yōu)秀的網(wǎng)站設(shè)計(jì)案例。

優(yōu)秀的網(wǎng)站很多，我今天只是從中選取了一些比較有代表性的網(wǎng)站進(jìn)行分析，提煉出能夠讓廣大企業(yè)學(xué)習(xí)、效仿的做法。

1. NeilPatel.com

圖中文章標(biāo)題：做了這三步，成就了我4百萬(wàn)的生意。

圖中紅色CTA：希望Neil幫我?guī)?lái)更多的生意

為了提高轉(zhuǎn)化率，，Neil一直以來(lái)持續(xù)不斷地對(duì)自己的網(wǎng)站進(jìn)行更新。非常多的用戶愿意提供自己的電話號(hào)碼等聯(lián)系方式來(lái)獲取Neil網(wǎng)站上的最新內(nèi)容。

2. ChrisDucker.com

網(wǎng)站設(shè)計(jì)｜10大創(chuàng)意教你設(shè)計(jì)網(wǎng)站主頁(yè)

Chris的頁(yè)面設(shè)計(jì)做了較大更新。這個(gè)主頁(yè)的轉(zhuǎn)化率也非常高，這和主頁(yè)背景上Chris的眼睛一直望向郵箱地址填寫欄有關(guān)。稍后我們?cè)俜治鰹槭裁催@樣的背景圖片能夠提高轉(zhuǎn)化率。

3. MarketingInc.com

網(wǎng)站設(shè)計(jì)｜10大創(chuàng)意教你設(shè)計(jì)網(wǎng)站主頁(yè)

這個(gè)網(wǎng)站是一個(gè)典型的主頁(yè)設(shè)計(jì)很美但轉(zhuǎn)化率不高的案例。主頁(yè)轉(zhuǎn)化效果的好壞在一定程度上取決于頁(yè)面各要素的布局安排。如果將背景換成白色，去掉修飾，整個(gè)頁(yè)面只留一個(gè)自主選擇填寫的信息欄，那么轉(zhuǎn)化效果會(huì)比什么產(chǎn)品信息都有的復(fù)雜頁(yè)面要好得多。

4. Bodybuilding.com

網(wǎng)站設(shè)計(jì)｜10大創(chuàng)意教你設(shè)計(jì)網(wǎng)站主頁(yè)

這個(gè)網(wǎng)站頁(yè)面設(shè)計(jì)和功能布局非常的棒。現(xiàn)在他們的主頁(yè)右半邊展示了許多健身愛(ài)好者的照片，從這個(gè)網(wǎng)站上我們也可以發(fā)現(xiàn)建立社會(huì)認(rèn)同對(duì)提高主頁(yè)轉(zhuǎn)化率也非常重要。

5. WPMU DEV

WPMU DEV網(wǎng)站是用WordPress搭建的，并充分利用了WordPress平臺(tái)的各種插件和主題。WPMU DEV在自己的主頁(yè)上將他們?cè)O(shè)計(jì)的這些插件都展示出來(lái)，稍后我們會(huì)分析他們都做了哪些工作來(lái)吸引讀者的閱讀興趣。

6. AWeber

網(wǎng)站設(shè)計(jì)｜10大創(chuàng)意教你設(shè)計(jì)網(wǎng)站主頁(yè)

最近，Aweber通過(guò)更新主頁(yè)設(shè)計(jì)，轉(zhuǎn)化率得到了明顯的提升。正如圖中banner文字描述的那樣：你和用戶的連接，一切從收件箱開始。