Landing page 設(shè)計(jì)包含視覺和文本元素，這些元素構(gòu)成了一個(gè)經(jīng)過優(yōu)化的頁面，以轉(zhuǎn)化新顧客并鼓勵(lì)重復(fù)購(gòu)買。簡(jiǎn)潔的視覺布局、利益導(dǎo)向的文案和優(yōu)質(zhì)的產(chǎn)品圖片是引人注目的落地頁設(shè)計(jì)眾多支柱中的三個(gè)。

一、什么是 Landing page

Landing page 是指著陸頁也稱：落地頁、引導(dǎo)頁，既可以是首頁也可以是一個(gè)專題頁面，它沒有具體內(nèi)容限制，但是卻有一些顯著特點(diǎn)，其中最大的特點(diǎn)就是，這個(gè)頁面一定是一個(gè)綜合引導(dǎo)頁面，是為滿足特定營(yíng)銷目標(biāo)轉(zhuǎn)化而制作的頁面。

二、引人注目的落地頁設(shè)計(jì)元素

當(dāng)你已經(jīng)吸引了潛在顧客瀏覽時(shí)，現(xiàn)在你有幾秒的時(shí)間來介紹你的品牌和產(chǎn)品的獨(dú)特之處，用幾句話或幾張圖來表達(dá)這一點(diǎn)是件很難的事情，當(dāng)潛在客戶對(duì)你的品牌了解不多時(shí)，就更難了。

雖然表現(xiàn)將取決于很多因素，比如你的目標(biāo)受眾以及你銷售的產(chǎn)品類型，但保持整體頁面設(shè)計(jì)簡(jiǎn)潔有助于引導(dǎo)用戶看到你最希望他們看到的信息。如果他們不產(chǎn)生轉(zhuǎn)化，你最想引起他們注意的是什么？

有幾個(gè)模板元素可以為你的文案和圖片騰出空間，讓它們大放異彩。經(jīng)過高度優(yōu)化的落地頁設(shè)計(jì)包括 Ezra 所說的“轉(zhuǎn)化率素材疊加”。落地頁設(shè)計(jì)的基礎(chǔ)包括：

1、針對(duì)轉(zhuǎn)化率進(jìn)行了優(yōu)化的購(gòu)物車（詳見下文）
2、統(tǒng)一風(fēng)格與清晰的產(chǎn)品圖片
3、顧客推薦視頻或現(xiàn)實(shí)生活中的產(chǎn)品圖片
4、利益導(dǎo)向的銷售文案
5、產(chǎn)品特色的的圖片和文案
6、真實(shí)顧客評(píng)論
7、關(guān)于顧客為什么應(yīng)該購(gòu)買你產(chǎn)品的部分
8、社會(huì)和媒體報(bào)道

BRIGHTLAND 向在網(wǎng)上瀏覽蒜香橄欖油的搜索者展示此落地頁。BRIGHTLAND

三、首屏和二屏的設(shè)計(jì)重要嗎？

你應(yīng)該關(guān)注整個(gè)頁面的信息流，而不是只針對(duì)首屏和二屏進(jìn)行設(shè)計(jì)。但不僅如此。以下是更多關(guān)于落地頁設(shè)計(jì)中的“折疊”的背景信息，以及為什么這么多人建議將重要內(nèi)容放在頂部。

大多數(shù)網(wǎng)站訪客不會(huì)向下滾動(dòng)頁面

首屏是指網(wǎng)頁上無需滾動(dòng)即可看到的空間，根據(jù)用戶所使用的設(shè)備而有所不同，不論是顯示器、平板電腦還是移動(dòng)設(shè)備，所以這些設(shè)備的屏幕大小都因型號(hào)而異。通常，首屏高度為瀏覽器窗口頂部以下 600 像素。

并非所有的落地頁訪客都會(huì)在桌面端或移動(dòng)端滾動(dòng)瀏覽頁面的折疊部分。這一數(shù)據(jù)實(shí)際上相當(dāng)?shù)停覀兟犝f 50% 到 85% 的人都不會(huì)滾動(dòng)頁面。由于真正翻過首屏的訪客比例很低，許多人推薦基于兩部分的設(shè)計(jì)策略：首屏包含的內(nèi)容以及翻頁之后包含的內(nèi)容。

重要的是信息層次結(jié)構(gòu)，而非首屏

不論哪種策略最適合你的顧客，你都需要認(rèn)真考慮放在任何落地頁頂部的文案和內(nèi)容。但正如 Michael 所提示的那樣：“試圖在首屏塞滿一堆內(nèi)容往往會(huì)適得其反，導(dǎo)致非常混亂的體驗(yàn)，讓用戶被過量信息淹沒。”

相反，我們應(yīng)該少考慮‘首屏’的內(nèi)容，更多地考慮落地頁上的整體信息層次結(jié)構(gòu)和內(nèi)容流。”

我們建議在構(gòu)建落地頁時(shí)思考以下問題。不過有一點(diǎn)需要注意：答案將取決于你對(duì)目標(biāo)受眾整體用戶的理解，以及你希望落地頁發(fā)揮的作用。

四、如何優(yōu)化設(shè)計(jì)購(gòu)物車以獲得更大的轉(zhuǎn)化

購(gòu)物車是每個(gè)落地頁中需要產(chǎn)生重大影響的一小部分。

正如 Ezra 告訴我們的：“大部分企業(yè)的購(gòu)物車內(nèi)沒有銷售文案，沒有社會(huì)認(rèn)同，他們的‘添加至購(gòu)物車’按鈕下沒有獨(dú)特銷售主張和圖像格式，產(chǎn)品輪播中的圖片看起來很一般。購(gòu)物車就是一切。“

1. 在頂部添加客戶推薦

Ezra 對(duì)他自己的 Shopify 商店的購(gòu)物車做過最小且最有效的調(diào)整之一，是在購(gòu)物車頂部添加社會(huì)認(rèn)同來代替商品名稱。下面是它的外觀：

購(gòu)物車優(yōu)化SMART MARKETER
在頂部添加引述可以建議信任，讓人們不用去搜索評(píng)論，讓你自己的顧客為你發(fā)聲。只需確保你選中的引述直接說明每種產(chǎn)品的優(yōu)點(diǎn)或解決的痛點(diǎn)。

2. 添加星級(jí)評(píng)分

如果你有正面評(píng)論，在購(gòu)物車頂部添加星級(jí)評(píng)分來建立信任。如果你有超過 50 條評(píng)論，也可以考慮在星級(jí)旁邊添加評(píng)論數(shù)量。

3. 拍攝精美的產(chǎn)品照片

當(dāng)潛在買家考慮購(gòu)買你的產(chǎn)品時(shí)，你的產(chǎn)品圖片可能是他們唯一掌握的東西，特別是如果你是一個(gè)直面消費(fèi)者品牌的時(shí)候。圖片是買家在無法親手拿著商品時(shí)想象它的方式。如果你發(fā)布的圖片無法完全捕捉到產(chǎn)品的優(yōu)點(diǎn)，那么顧客也很難捕捉到。

4. 優(yōu)化速度和兼容性

完善較小的細(xì)節(jié)，以確保更流暢的體驗(yàn)。使用 TinyPNG 之類的圖片壓縮工具來縮小圖像大小以加快加載時(shí)長(zhǎng)。添加圖片邊框和內(nèi)容文案，說明產(chǎn)品優(yōu)點(diǎn)而不是功能。用你的建站工具檢查圖片輪播和行動(dòng)號(hào)召在桌面端和移動(dòng)端上的渲染效果，以確保它們針對(duì)兩者進(jìn)行了優(yōu)化。