用戶點(diǎn)擊廣告，進(jìn)入產(chǎn)品頁面，下單付款。
非常絲滑，非常完美且令賣家心動(dòng)的一個(gè)流程。
但現(xiàn)實(shí)中，用戶往往進(jìn)入產(chǎn)品頁面之后，不到兩秒就離開了。
也許是廣告不夠精準(zhǔn)，也許是用戶受眾不對，但最大的問題一般是：我們的產(chǎn)品頁面不夠吸引人，用戶沒有為你的產(chǎn)品而感到心動(dòng)，自然也就不會下單。
今天我們就來直接學(xué)習(xí)一個(gè)牛逼的有著高轉(zhuǎn)化率的頁面，看一個(gè)有著高轉(zhuǎn)化率的頁面是如何打造的。
產(chǎn)品是絲綢枕頭套。
那么，開始吧！
一、Banner模塊
先看banner大圖。
在單頁的設(shè)計(jì)中，開頭的Banner模塊起著非常關(guān)鍵的作用，因?yàn)樗怯脩羰状未蜷_頁面時(shí)的第一視覺沖擊。
從這張圖片中，我們可以看到以下的設(shè)計(jì)要素：
1.突出標(biāo)題：“The Pillowcase That Works... While You Sleep”。標(biāo)題簡明扼要地寫出主要賣點(diǎn)——一個(gè)在你睡覺時(shí)都能工作的枕套。
2.清晰的子標(biāo)題：“Improve Your Hair, Skin, and Health While You Sleep!” 這進(jìn)一步明確了產(chǎn)品的好處，同時(shí)帶出了第二個(gè)賣點(diǎn)：即改善頭發(fā)、皮膚和整體健康。
3.產(chǎn)品特點(diǎn)的圖標(biāo)化表示：頁面中有八個(gè)小圖標(biāo)，每個(gè)圖標(biāo)都代表了該產(chǎn)品的一個(gè)特點(diǎn)。
4.醒目的行動(dòng)召喚：“YES! I Want Better Sleep, Skin and Hair Today!”。這個(gè)行動(dòng)召喚不僅顏色醒目，還有直接刺激用戶采取行動(dòng)。
5.真實(shí)的用戶評價(jià)：“I love the feel of my blissy pillow case...” 。用戶評價(jià)是提高轉(zhuǎn)化率的關(guān)鍵，它為潛在的買家提供了真實(shí)的反饋和信任。
人們通常對首次打開的頁面給予很少的時(shí)間和注意力，因此Banner的設(shè)計(jì)必須快速地去吸引他們的注意。其次，圖標(biāo)化的產(chǎn)品特點(diǎn)使信息傳遞得更快、更簡潔。
二、品牌背書和用戶痛點(diǎn)模塊
下面圖中包含了三四個(gè)不同的模塊
先是為了突出Blissy絲綢枕套聲譽(yù)良好，放上了《OPRAH MAGAZINE》、《GLAMOUR》、《marieclaire》、《福布斯》、《ESSENCE》和《SHAPE》等雜志圖標(biāo)。
然后是一段專家的話術(shù)，皮膚科醫(yī)生強(qiáng)調(diào)皮膚在睡眠中的脆弱性。
接下來直接羅列了十個(gè)問題，用嚴(yán)肅的口吻提問：你睡得好嗎？皮膚會干燥嗎？頭發(fā)會劈叉嗎？眼睛會過敏嗎？臉上有皺紋嗎？
直接把用戶可能出現(xiàn)的問題/痛點(diǎn)都羅列出來了，然后又逐一進(jìn)行了回答，回答為什么會導(dǎo)致這些問題，用理性來分析，來加強(qiáng)用戶的信任感。
最后結(jié)尾再來一句“The Blissy Pillowcase is the answer you’ve been looking for”。大聲呼喊：我們的枕頭就是你在找的，你的解決方案在這里！
三、產(chǎn)品對比模塊
這里用了兩個(gè)比較復(fù)雜的模塊來突出對比普通枕頭套和Blissy枕頭套的區(qū)別。
我們先來看第一張圖。
引人注目的標(biāo)題：標(biāo)題“Throw That Old Infested Pillowcase Away!”扔掉你的枕套！直截了當(dāng)，引發(fā)消費(fèi)者的緊迫感。
-
刺激消費(fèi)者痛點(diǎn)：“Do you wake up tired, with dry skin and damaged hair?”等都直接針對消費(fèi)者的實(shí)際問題。通過提醒消費(fèi)者他們可能面臨的問題，增加他們購買新產(chǎn)品的意愿。
科學(xué)數(shù)據(jù)支撐：提供了關(guān)于塵螨的事實(shí)和數(shù)據(jù)，如“1.5 grams of skin shed by a human each day can feed 1 million dust mites”。增強(qiáng)了說服力，讓消費(fèi)者相信問題的嚴(yán)重性。
視覺效果：通過圖片展示塵螨的放大圖，加深了消費(fèi)者對問題的印象。強(qiáng)烈的視覺沖擊可以更好地吸引消費(fèi)者的注意力，增加購買意愿。
強(qiáng)調(diào)解決方案：“It's time to get a pillowcase that dust-mites can NOT live in!”這樣的句子強(qiáng)調(diào)了他們提供的產(chǎn)品是一個(gè)有效的解決方案。為消費(fèi)者提供了一個(gè)明確的行動(dòng)方案，促使他們購買。
再看第二張圖，上下兩個(gè)模塊。
權(quán)威介紹:提到超模、發(fā)型師、美容專家和皮膚科醫(yī)生，為產(chǎn)品賦予了專業(yè)和權(quán)威性。
突出產(chǎn)品的核心優(yōu)勢：提到產(chǎn)品是完全天然和低過敏性，專門為保護(hù)頭發(fā)、皮膚和總體健康而設(shè)計(jì)。清晰地展示了產(chǎn)品的核心賣點(diǎn)和對消費(fèi)者的好處。
具體產(chǎn)品優(yōu)點(diǎn)解釋：詳細(xì)解釋了產(chǎn)品的各種優(yōu)勢，如天然排斥塵螨、維持皮膚濕潤、防止皺紋等。幫助消費(fèi)者理解產(chǎn)品的真正價(jià)值，增加其購買欲望。
產(chǎn)品其他特點(diǎn)：通過標(biāo)簽如“所有尺寸”、“所有年齡段”、“抗過敏”等，展示了產(chǎn)品的多功能性和普適性。擴(kuò)大潛在客戶群，吸引更多消費(fèi)者關(guān)注和購買。
質(zhì)量與安全的保證：提及產(chǎn)品是100%純桑蠶絲制成，并符合OEKO TEX的嚴(yán)格指導(dǎo)方針。
最后再次著重強(qiáng)調(diào)用戶體驗(yàn)：“沒有比晚上睡覺時(shí)蠶絲對皮膚的柔軟、光滑和豪華感更好的感覺了！這是一次改變生活的體驗(yàn)！”這種描述增加了產(chǎn)品的情感價(jià)值。不僅僅是一個(gè)物理產(chǎn)品，還為消費(fèi)者提供了一種新的生活體驗(yàn)。
這里也能看出非常有邏輯性，層層遞進(jìn)。
先突出大賣點(diǎn)，再一點(diǎn)點(diǎn)地列出小賣點(diǎn)，包括其他優(yōu)勢，質(zhì)量保證等等。而最重要的用戶心理體驗(yàn)和情感價(jià)值則放在最后來突出強(qiáng)調(diào)。
四、產(chǎn)品價(jià)值模塊
這一個(gè)模塊可以說是對上面產(chǎn)品優(yōu)勢的補(bǔ)充，繼續(xù)羅列產(chǎn)品的優(yōu)勢和使用產(chǎn)品后的可能改變，更突出產(chǎn)品為用戶帶來的價(jià)值而不是產(chǎn)品特點(diǎn)。
清晰的標(biāo)題：“Blissy Is Perfect For You If...”和“Why Everyone Needs Blissy”為用戶提供了明確的信息，告訴他們這個(gè)產(chǎn)品為什么適合他們和大家都需要的原因。
產(chǎn)品價(jià)值：頁面列出了使用Blissy枕頭套的多個(gè)具體好處，如改善睡眠、減少過敏、減少頭發(fā)受損和皮膚更清晰。這樣的列舉方式讓用戶更容易理解產(chǎn)品的實(shí)際價(jià)值。
情感連接：語句如“Transform yourself effortlessly and overnight. Because you deserve it!”與用戶建立了情感聯(lián)系，讓他們覺得自己值得擁有這樣的產(chǎn)品。
材質(zhì)對比：通過與棉制品進(jìn)行對比，強(qiáng)調(diào)了絲綢產(chǎn)品在過敏、頭發(fā)損傷和皮膚保濕方面的優(yōu)勢，使用戶更容易看到絲綢的獨(dú)特之處。
呼叫行動(dòng)：“Improve Your Days and Nights With Blissy!”這樣的語句鼓勵(lì)用戶采取行動(dòng)，購買產(chǎn)品。
五、產(chǎn)品細(xì)節(jié)模塊
這個(gè)模塊從具體的產(chǎn)品細(xì)節(jié)開始描述。
明確的優(yōu)勢：頁面強(qiáng)調(diào)Blissy與其他絲綢產(chǎn)品的不同之處，如其22 Momme的高質(zhì)量絲綢和OEKO-TEX的高標(biāo)準(zhǔn)認(rèn)證。
細(xì)節(jié)特點(diǎn)：明確列出產(chǎn)品的特點(diǎn)，如隱藏的拉鏈設(shè)計(jì)、22 Momme的絲綢和6A級別的絲綢。
促銷優(yōu)惠：頁面提供高達(dá)55%的折扣，這是一個(gè)很大的刺激，鼓勵(lì)消費(fèi)者進(jìn)行購買。
清晰的行動(dòng)召喚：如“Improve Your Days and Nights With Blissy!”，鼓勵(lì)消費(fèi)者立刻采取行動(dòng)，購買產(chǎn)品。
六、用戶評價(jià)模塊
羅列出用戶的真實(shí)評價(jià)。
這里羅列出了非常詳細(xì)的用戶評價(jià)，而且數(shù)量達(dá)到了上千條之多，這樣是能夠提供非常巨大的信任感。
七、FAQ與政策模塊
這里展示了一些常見的用戶疑問，比如對于絲綢的困惑，對于退換貨的說明，產(chǎn)品洗滌說明。
詳細(xì)的產(chǎn)品問答：通過Frequently Asked Questions的形式，為用戶提供了關(guān)于產(chǎn)品的詳細(xì)信息，如Blissy絲綢枕套的好處、材料、如何清洗、什么是22 Momme Silk和它的質(zhì)量標(biāo)準(zhǔn)等，使得潛在客戶能夠全面了解產(chǎn)品。
購買的安全感：頁面提供了60天的100%退款保證，并明確標(biāo)出了“Money Back Guarantee”，這消除了客戶的購買風(fēng)險(xiǎn)，并提供了額外的信心。
簡潔明了的退款政策：退款政策簡單易懂，讓客戶明確知道如何和在何時(shí)可以退貨。
八、行動(dòng)召喚模塊
整個(gè)頁面每隔一個(gè)模塊基本都會有一個(gè)行動(dòng)召喚的按鈕，這讓用戶在任何的1s想要下單的時(shí)候都可以立刻下單。
而且還弄了一個(gè)固定懸浮窗，不論用戶滑到什么位置，隨時(shí)都可以在頁面的底部點(diǎn)擊按鈕下單。
九、其他模塊
在頁面的左下角和右側(cè)，還添加了購買動(dòng)態(tài)彈窗以及產(chǎn)品評價(jià)彈窗。
結(jié)賬頁面優(yōu)化
這個(gè)網(wǎng)站的結(jié)賬頁面也做得非常優(yōu)秀。
無需跳轉(zhuǎn)單頁結(jié)賬；多種付款方式；清晰的下單流程指引；再次重復(fù)的產(chǎn)品賣點(diǎn)和評價(jià)展示；網(wǎng)站安全與付款安全標(biāo)識；多種產(chǎn)品套餐選擇……這些模塊不但再次提高了轉(zhuǎn)化率還提高了客單價(jià)。
打造高轉(zhuǎn)化率頁面的13個(gè)模塊技巧
通過上面的分析，我們可以簡單地總結(jié)出一些常用的能帶來信任與轉(zhuǎn)化模塊的設(shè)計(jì)技巧。
Banner和頭部標(biāo)題模塊：
主標(biāo)題：簡短、直接，明確地傳達(dá)產(chǎn)品或服務(wù)的主要賣點(diǎn)/價(jià)值。
子標(biāo)題：進(jìn)一步詳述產(chǎn)品或服務(wù)的特點(diǎn)或者好處/優(yōu)勢。
產(chǎn)品或服務(wù)亮點(diǎn)展示模塊：
通過圖片、短句或圖標(biāo)快速突出產(chǎn)品的主要特點(diǎn)。
痛點(diǎn)描述模塊：
描述目標(biāo)客戶可能面臨的問題。
強(qiáng)調(diào)為什么這個(gè)產(chǎn)品或服務(wù)可以解決這些痛點(diǎn)。
產(chǎn)品或服務(wù)解決方案模塊：
描述產(chǎn)品如何解決上述痛點(diǎn)。
可以使用圖片、圖表或短片段來進(jìn)一步說明。
產(chǎn)品對比模塊：
與市場上的競爭對手或傳統(tǒng)方法進(jìn)行對比。
使用表格、圖表或其他視覺元素突出我們的產(chǎn)品優(yōu)勢。
社會認(rèn)可/推薦模塊：
顯示名人、專家或知名品牌的推薦或評價(jià)。
可以使用引用、圖像或logo來展示。
常見問題（FAQ）模塊：
回答客戶可能有的常見問題。
通過簡潔的回答提供更多的產(chǎn)品或服務(wù)信息。
優(yōu)惠和促銷模塊：
顯示折扣或促銷信息。
通過限時(shí)優(yōu)惠或數(shù)量限制來制造緊迫感。
用戶評價(jià)和評論模塊：
顯示真實(shí)的客戶評價(jià)。
可以用星級、文本或產(chǎn)品圖片來展示。
產(chǎn)品詳情和說明模塊：
更深入地描述產(chǎn)品的材料、工藝或技術(shù)特點(diǎn)。
使用圖像、圖表或其他視覺元素來輔助說明。
行動(dòng)召喚（CTA）模塊：
設(shè)計(jì)明顯、引人注目的按鈕，鼓勵(lì)客戶進(jìn)行購買或采取其他所需的行動(dòng)。
頁面應(yīng)該有多個(gè)CTA，確保在用戶滾動(dòng)時(shí)始終能看到。
購買安全感模塊：
顯示退貨政策、退款政策或試用期等信息。
可以幫助客戶消除購買疑慮，增加信心。
底部信息模塊：
提供聯(lián)系信息、社交媒體鏈接、版權(quán)聲明等。
如果有需要，還可以再次顯示CTA。
高轉(zhuǎn)化率頁面總結(jié)
從上面的這些模塊和分析，我們可以總結(jié)出制作一個(gè)高轉(zhuǎn)化率頁面的流程：
明確目標(biāo)受眾：在設(shè)計(jì)網(wǎng)頁之前，首先要明確目標(biāo)受眾是誰，他們有什么需求和痛點(diǎn)。只有了解目標(biāo)受眾，才能設(shè)計(jì)出符合他們需求的網(wǎng)頁。
突出產(chǎn)品或服務(wù)的賣點(diǎn)：網(wǎng)頁的核心目的是促成銷售，因此設(shè)計(jì)過程中要不停地突出產(chǎn)品或服務(wù)的賣點(diǎn)，讓用戶一眼就明白這款產(chǎn)品或服務(wù)能給他們帶來什么好處。
使用有效的視覺元素：視覺元素（如圖片，圖標(biāo)，圖表等）可以幫助用戶一目了然地看到痛點(diǎn)/解決方案，也能更好地理解復(fù)雜的數(shù)據(jù)。
多角度建立信任：利用品牌背書、專家證言、科學(xué)數(shù)據(jù)和用戶評價(jià)等來建立信任和權(quán)威感。
提供足夠的信息：用戶在購買產(chǎn)品或服務(wù)之前可能存在的潛在疑問，都要盡可能地羅列出來，讓用戶不會感到困惑或者增加用戶行動(dòng)路徑。
多次CTA：在頁面的不同部分重復(fù)行動(dòng)召喚，以便用戶隨時(shí)可以進(jìn)行購買。
完善的政策：清晰的退換貨政策，退款政策，隱私政策，資金安全保障措施等。
總結(jié)：打造高轉(zhuǎn)化率的產(chǎn)品頁面不僅是美學(xué)，也是科學(xué)。整個(gè)頁面在做的事情其實(shí)就一件事：盡可能高效率地與用戶溝通，讓產(chǎn)品價(jià)值與消費(fèi)者需求和期望產(chǎn)生共鳴。
