一個(gè)獨(dú)立站，是否可以贏得Google的絕對(duì)信任，很大程度上取決于頁(yè)面的內(nèi)容深度。然而這看起來(lái)，多少與我們對(duì)于網(wǎng)站的認(rèn)知，有所不同。這里說(shuō)的內(nèi)容深度，不僅僅是頁(yè)面內(nèi)容的質(zhì)量和豐富度。

我更想強(qiáng)調(diào)的是：頁(yè)面中每個(gè)模塊之間的關(guān)聯(lián)性、以及對(duì)于用戶(hù)訴求挖掘的邏輯體驗(yàn)。所以，本篇我將重點(diǎn)分享我是如何根據(jù)用戶(hù)心里訴求，進(jìn)行獨(dú)立站用戶(hù)體驗(yàn)的全面構(gòu)建。

上圖是2022年，我們?yōu)楸本┮患以诰€(xiàn)教育平臺(tái)，面向北美以及歐洲（德國(guó)、英國(guó)與法國(guó)為主）市場(chǎng)，展開(kāi)的品牌站首頁(yè)設(shè)計(jì)。因?yàn)榇蟛糠諰earning Online平臺(tái)，主要服務(wù)于國(guó)外小學(xué)生以及Preschool群體，所以在設(shè)計(jì)上偏于兒童化。

然而，字體和色調(diào)對(duì)于兒童的一味友好，最終的結(jié)果，很可能給人的感覺(jué)：這個(gè)平臺(tái)的課程質(zhì)量較低，所以需要外部的裝飾，來(lái)掩蓋師資和課程體系上面的短板。

這是我們非常不希望看到的！

所以，在設(shè)計(jì)之初，我們就果斷放棄了大量國(guó)外同行網(wǎng)站的設(shè)計(jì)思路。我們需要給用戶(hù)提供一個(gè)專(zhuān)業(yè)、權(quán)威的課程品牌網(wǎng)站，而不是什么都賣(mài)、什么都便宜賣(mài)的感覺(jué)。我們十分清楚：

• 孩子學(xué)習(xí)的過(guò)程中，感受到的是課程內(nèi)容、課堂氛圍、學(xué)習(xí)方式。顯然，課程價(jià)值比網(wǎng)站給人的初體驗(yàn)，更加重要。

• 最終付款的是家長(zhǎng)，所以，我們要清楚，美國(guó)各州之間家庭的薪資水平，所代表的家長(zhǎng)社會(huì)地位，以及這些家長(zhǎng)、他們?cè)趺纯创粋€(gè)Online School是否專(zhuān)業(yè)？

怎么做到的？

#1、Banner首屏奠定平臺(tái)基調(diào)，亮出最大的品牌價(jià)值

我們要在客戶(hù)剛剛進(jìn)入網(wǎng)站，就開(kāi)門(mén)見(jiàn)山地告訴他：你來(lái)到了什么地方？這個(gè)地方能給你的最大價(jià)值是什么？我們不希望浪費(fèi)客戶(hù)的每一分鐘，所以，設(shè)計(jì)之初，放棄了并列輪播的播放形式，而改用一張圖片，平鋪直敘。

第一印象，直接決定了整個(gè)網(wǎng)站的逼格；也同樣決定了課程的價(jià)格走向。所以，在第一版上面（無(wú)論是顏色搭配、素材選擇、文案還是圖標(biāo)的設(shè)計(jì)），花費(fèi)多少時(shí)間，都不過(guò)分。你需要明白：

• 你的Slogan到底是什么？Slogan到底有沒(méi)有最大的亮點(diǎn)；

• Banner圖的選擇，能不能從側(cè)面再?gòu)?qiáng)化下你的Slogan？如果是一張整圖，那么就一定要還原產(chǎn)品的細(xì)節(jié)和應(yīng)用場(chǎng)景；如果是組合圖，就要概念+場(chǎng)景，這樣顯得不亂而又循序漸進(jìn)。

#2、采用Woocommerce，羅列出學(xué)科分類(lèi)

相比于數(shù)量較少的產(chǎn)品網(wǎng)站，上千個(gè)課程頁(yè)面，如果采用并列的順序展示，用戶(hù)需要反復(fù)滾動(dòng)好幾次鼠標(biāo)，才能夠找到目標(biāo)學(xué)科。如果一屏下來(lái)，用戶(hù)可以清晰看到所有學(xué)科分類(lèi)，這樣他就不會(huì)產(chǎn)生厭倦的瀏覽體驗(yàn)。

通過(guò)Woocommerce插件，能夠輕松實(shí)現(xiàn)，多個(gè)產(chǎn)品分類(lèi)之間的自由切換?？蛻?hù)再也不用上下滑動(dòng)鼠標(biāo)，去找他喜歡的目標(biāo)課程。但并不是所有的主題，都能夠滿(mǎn)足這種設(shè)計(jì)。大家在購(gòu)買(mǎi)主題時(shí)，一定要多看Demos的演示效果。在搜索主題時(shí)，可以輸入“eCommerce WordPress”，找到理想的WP框架。

#3、定向推薦，再次拉住客戶(hù)的眼睛

如果用戶(hù)看到上述所有的課程列表之后，仍然不知道該為孩子選擇哪些課程......不用著急，我們?cè)谶@里，引用Slider滾動(dòng)播放的形式，為家長(zhǎng)做Featured課程的定向推薦。

采用大圖外加動(dòng)畫(huà)樣式，最大程度貼合兒童課程的特點(diǎn)。恰好與課程列表的展示方式，在視覺(jué)上差異較大，會(huì)讓人有眼前一亮的感覺(jué)。當(dāng)然，這些課程的推薦，在底層開(kāi)發(fā)時(shí)，我們注意的問(wèn)題包括：

• Featured課程利潤(rùn)是否較高；
  

• 通過(guò)JS的底層開(kāi)發(fā)，實(shí)時(shí)跟蹤用戶(hù)的瀏覽行為——他搜索什么課程，這里的輪播圖，就會(huì)匹配播放什么學(xué)科；

• 考慮到移動(dòng)端自適應(yīng)，采用圖片內(nèi)鏈形式，點(diǎn)擊跳轉(zhuǎn)。

這也是C端產(chǎn)品網(wǎng)站，促進(jìn)轉(zhuǎn)化的一個(gè)重要策略：通過(guò)GA的埋點(diǎn)，實(shí)時(shí)追蹤用戶(hù)的瀏覽行為，進(jìn)行定向、高效的產(chǎn)品推薦。

#4、絕對(duì)看重Practical內(nèi)容，打消用戶(hù)一切顧慮

我們看過(guò)很多國(guó)內(nèi)同行，做的外貿(mào)獨(dú)立站。在這一版，通常大家喜歡講述Company Story（關(guān)于我們），但是這種做法，從實(shí)際效果看，并不能真正讓客戶(hù)對(duì)你產(chǎn)生興趣和信任。

從用戶(hù)數(shù)據(jù)Session Time和Engagement分析，我們?cè)谶@個(gè)模塊，通過(guò)視頻的形式，介紹自己開(kāi)發(fā)的在線(xiàn)課堂軟件ClassPod，以及通過(guò)這個(gè)軟件，上課的真實(shí)的課堂環(huán)境。

當(dāng)用戶(hù)看完課程內(nèi)容之后，對(duì)于在線(xiàn)教育的家長(zhǎng)們來(lái)說(shuō)，他們更想關(guān)注：這么好的課程，是否可以搭配良好的課堂氛圍？而不是立刻去想：這些課程，是由哪個(gè)公司提供的。所以，在介紹產(chǎn)品的時(shí)候，一定不要讓客戶(hù)意猶未盡，否則他對(duì)于產(chǎn)品的熱情，會(huì)大打折扣。

#5、師資力量，就是教育平臺(tái)最大的自信

對(duì)于教育平臺(tái)而言，老師的資格和特點(diǎn)介紹，本質(zhì)上就可以說(shuō)明這個(gè)平臺(tái)的質(zhì)量。相比于那些蒼白的About Us，我們直接展示全球簽約的優(yōu)秀教師，以及這些教師的主頁(yè)和評(píng)價(jià)，作為家長(zhǎng)選擇時(shí)的重要依據(jù)。

一個(gè)產(chǎn)品獨(dú)立站，一定要有Review系統(tǒng)，這是一個(gè)最基本的常識(shí)。大家可以選擇全球比較知名的評(píng)價(jià)系統(tǒng)：

• Trustpilot（全球性客戶(hù)評(píng)價(jià)系統(tǒng)：支持WP/Shopify）
  

• Yotpo（美國(guó)本土客戶(hù)評(píng)價(jià)系統(tǒng)：支持WP/Shopify）

個(gè)人推薦Trustpilot，它的展現(xiàn)方式更加多樣。無(wú)論是在網(wǎng)站Header、Sidebar、Footer還是Products頁(yè)面，都有多種樣式可供選擇。而且，Trustpilot支持二次開(kāi)發(fā)的成本更低，0代碼自定義模式空間更大！

#6、Why Us作為補(bǔ)充說(shuō)明，分條列點(diǎn)

大部分美國(guó)網(wǎng)站，都喜歡在接近Footer的位置，列出為什么選擇我們的幾個(gè)理由。這種量化的描述方式主要考慮到：

• 作為補(bǔ)充說(shuō)明，更進(jìn)一步解釋產(chǎn)品或者服務(wù)的優(yōu)勢(shì)；

• 為首頁(yè)SEO的標(biāo)簽進(jìn)行優(yōu)化（H2/H3標(biāo)簽、關(guān)鍵詞內(nèi)鏈）；

• 增加谷歌可索引的內(nèi)容字?jǐn)?shù)，提升谷歌SEO質(zhì)量。

作為網(wǎng)站內(nèi)容部分，我們同樣要求內(nèi)容的量化程度。其實(shí)，含糊其辭的表達(dá)方式，就是在浪費(fèi)客戶(hù)的時(shí)間——這不是一個(gè)負(fù)責(zé)的品牌站，該有的東西。我們要講清楚：到底如何High Quality？我們是怎么提供Available Support的？

所有無(wú)法量化的東西，其實(shí)就是從側(cè)面反映你對(duì)自己產(chǎn)品的不自信。這非常致命！

綜上所述，頁(yè)面的內(nèi)容設(shè)計(jì)與用戶(hù)體驗(yàn)，并不是一件簡(jiǎn)單的事情；當(dāng)然，也不是通過(guò)理論學(xué)習(xí)能夠掌握的。這需要通過(guò)大量的數(shù)據(jù)分析和用戶(hù)行為觀察，進(jìn)行二次、三次的深度優(yōu)化，是一個(gè)不斷提升和提煉的過(guò)程。

希望上述我分享的頁(yè)面用戶(hù)體驗(yàn)設(shè)計(jì)，會(huì)對(duì)你有些不錯(cuò)的啟發(fā)。其實(shí)，我們只需要記住一個(gè)點(diǎn)，就能把這個(gè)事情做好：網(wǎng)站內(nèi)容，不管來(lái)自什么頁(yè)面，都必須對(duì)用戶(hù)要有實(shí)實(shí)在在的價(jià)值。

更多關(guān)于外貿(mào)獨(dú)立站設(shè)計(jì)與谷歌SEO相關(guān)技術(shù)問(wèn)題，歡迎在線(xiàn)咨詢(xún)與交流。