硬核技能!1天上手著陸頁設(shè)計(jì)

微信圖片_20200831144011.png

互聯(lián)網(wǎng)發(fā)展日益迅猛的今天眼溶,越來越多的傳統(tǒng)企業(yè)意識(shí)到線上銷售的重要性吏奸。通過線上資訊吸引更多的潛在客戶關(guān)注已成為主流營(yíng)銷方式。在此背景下著陸頁應(yīng)運(yùn)而生营罢。

著陸頁設(shè)計(jì)是一個(gè)非常實(shí)用的技能豺型,可以全方位的展現(xiàn)產(chǎn)品的所有特點(diǎn)仲智,做出一個(gè)吸引人的著陸頁,可以極大提升用戶的轉(zhuǎn)化率姻氨。

學(xué)習(xí)著陸頁(landing page)之前我們先了解下網(wǎng)頁類型以及著陸頁(landing page)與首頁(index)的區(qū)別

網(wǎng)頁的基本類型

I型 informative信息型網(wǎng)頁

  1. 首頁
  2. 分類頁
  3. 文章類

P型 persuative說服性:landing page

  1. 獲取頁
  2. 銷售頁

著陸頁(landing page)與首頁(index)的區(qū)別是什么钓辆?

1、概念上:

著陸頁(landing page):著陸頁肴焊,用戶點(diǎn)擊搜索推廣岩馍、信息流或其他形式的廣告打開的第一個(gè)頁面。著陸頁可以是網(wǎng)站上的一個(gè)頁面抖韩,也可以是公眾平臺(tái)里的一篇文章。

首頁(index):一般為網(wǎng)站打開默認(rèn)的頁面疫铜,通常放在根目錄茂浮,index的英文含義是索引。通常認(rèn)為網(wǎng)站首頁是全站內(nèi)容的索引和導(dǎo)航壳咕,便于用戶快速了解網(wǎng)站內(nèi)容和主題席揽,并進(jìn)入相關(guān)頁面。

2谓厘、應(yīng)用上

首頁:一般情況下網(wǎng)站都會(huì)有一個(gè)索引頁(index)作為首頁幌羞。

著陸頁:嚴(yán)格的說跟網(wǎng)站沒有關(guān)系。

著陸頁概念的存在依賴于一次廣告活動(dòng)行為竟稳,假設(shè)你做了一個(gè)網(wǎng)頁属桦,為某次廣告投放做準(zhǔn)備熊痴,這個(gè)網(wǎng)頁就是著陸頁,沒有廣告活動(dòng)聂宾,這個(gè)網(wǎng)頁就是一個(gè)網(wǎng)頁果善。不存在“著陸”的概念。

著陸頁的經(jīng)典結(jié)構(gòu)

目前市面上的著陸頁都包含了8大組件(價(jià)值定位系谐、行動(dòng)呼喚巾陕、產(chǎn)品特征、信用背書纪他、用戶評(píng)價(jià)鄙煤、風(fēng)險(xiǎn)承諾、常見問題茶袒、終極呼喚梯刚。

接下來我們開始一步一步制作著陸頁了,以工具【上線了https://www.sxl.cn/s#/】為例弹谁。

1.百度搜網(wǎng)站名稱“上線了”進(jìn)入網(wǎng)站——2.點(diǎn)擊創(chuàng)建網(wǎng)站——3.選擇你需要的模板——4.開始創(chuàng)作


image.png

image.png

一乾巧、價(jià)值定位——標(biāo)題和副標(biāo)題

價(jià)值定位就是標(biāo)題,標(biāo)題要在顯著位置包含價(jià)值定位+行動(dòng)呼喚

標(biāo)題的功能:吸引+引導(dǎo)用戶预愤。

一個(gè)好的標(biāo)題是使副標(biāo)題行到閱讀沟于。

一個(gè)好的副標(biāo)題是使第一個(gè)句子獲得閱讀,如此植康,遍及整封信的內(nèi)容旷太,直到采取行動(dòng)。

標(biāo)題寫作的法則

  1. DM公式:時(shí)間+結(jié)果+保證

比如減肥廣告销睁,15天立減10斤供璧,無效全額退款。

  1. 落差公式:痛點(diǎn)問題+解決方式

比如冻记,你負(fù)責(zé)運(yùn)營(yíng)的是關(guān)于一個(gè)無人機(jī)的產(chǎn)品:是不是總覺得操作起來比較困難睡毒?那這臺(tái)無人機(jī)只需一鍵操控,讓起飛更簡(jiǎn)單冗栗!

  1. 人性法則:人性的八個(gè)弱點(diǎn)

比如:

好奇:當(dāng)世界名畫變成了GIF圖演顾,畫面太美我不敢看

恐懼:史上最嚴(yán)地產(chǎn)調(diào)控,一場(chǎng)殘酷的全球金融大戰(zhàn)

痛苦:為什么你看了那么多書隅居,依然過不好一生钠至?

驕傲:不用香水的女人沒有前途

懶惰:到底有什么用?5分鐘快速了解引力波

憤怒:是時(shí)候給“港獨(dú)”分子一次徹底的教訓(xùn)了

貪婪:4.9元如何淘到智利進(jìn)口車?yán)遄?/p>

色欲:這11種讓人爽的方式胎源,90%的人都沒試過棉钧。

二、行動(dòng)呼喚——可以是獲取用戶信息的表單/微信鏈接

image
image

表單可以去【麥克表單】制作涕蚤,這個(gè)是我寫的簡(jiǎn)單的一個(gè)http://twwgp7rw24q8fwdw.mikecrm.com/asXnAnM

image

著陸頁的行動(dòng)呼喚旨在告訴用戶他們應(yīng)該做什么宪卿、怎么做的诵、什么時(shí)候做。

如何構(gòu)建行動(dòng)呼喚

一愧捕、四個(gè)方向:點(diǎn)擊/獲取/推薦/購(gòu)買

二奢驯、創(chuàng)建CTA

1.巨大:離屏幕距離為一指+一個(gè)手臂的距離還能清晰看到;

2.具體:內(nèi)容需要足夠具體(比如次绘,寫注冊(cè)和下載是需要寫清楚下載什么瘪阁,注冊(cè)成為什么)

三、產(chǎn)品特征

產(chǎn)品特征這一part就是你的產(chǎn)品是什么邮偎,能給用戶帶來什么樣的好處管跺,在這一部分多采用AB型文案的方式。

A+B(吸引注意的事實(shí)+用戶感知的利益)

例如:多才多能禾进,讓你不想放手豁跑;又輕又薄,讓你不覺在手;充電兩分鐘,通話2小時(shí)谱净。

image

四事哭、信用背書

媒體+紅人

媒體:媒體報(bào)道的title歇父,圖標(biāo),報(bào)道鏈接等(不要單純放鏈接,要把媒體的圖標(biāo)放上,再把鏈接嵌入)

紅人:放上紅人/牛人頭像 快集、網(wǎng)站鏈接、說過的話等

image

五廉白、用戶評(píng)價(jià)

如果你是做在線教育的就是學(xué)員評(píng)價(jià)个初,做設(shè)計(jì)的就是合作企業(yè)的評(píng)價(jià),總之是你的客戶

用戶評(píng)價(jià)寫法

1.正向評(píng)價(jià):盡量收集多樣角色的評(píng)價(jià)

2.反向評(píng)價(jià):反轉(zhuǎn)的運(yùn)用猴蹂,先抑后揚(yáng)

  • 用戶評(píng)價(jià)必須真實(shí)
  • 怎么撰寫更具說服力的用戶評(píng)價(jià)
  • 如何構(gòu)建用戶評(píng)價(jià)
  • 時(shí)間+結(jié)果+感受+人物
  • 多找一些不同維度的典型用戶
  • 盡量放上用戶的真實(shí)照片院溺。
image

六、風(fēng)險(xiǎn)承諾

風(fēng)險(xiǎn)承諾想傳達(dá)給用戶售后無憂的信息(風(fēng)險(xiǎn)在我磅轻,而不在你)覆获,讓客戶安心購(gòu)買,假一賠十瓢省,7天無理由退款,不滿意無條件全額退款這些都是常見套路痊班。

image

七勤婚、常見問題

常見問題的設(shè)置是有技巧的,這里小編把最實(shí)用的3個(gè)技巧和你分享: (1)按頻排序:把用戶問的頻率最多的問題放在第一個(gè)涤伐,以此類推 (2)三點(diǎn)原則:盡量把最重要的三個(gè)問題放在你的著陸頁上 (3)鏈接跳轉(zhuǎn):可以把用戶容易問的更多問題做一個(gè)跳轉(zhuǎn)鏈接引導(dǎo)到單獨(dú)的常見問題頁面

image

八馒胆、終級(jí)呼喚

終極呼喚承擔(dān)轉(zhuǎn)換的功能缨称,所以終極呼喚要比前面的行動(dòng)呼喚(CTA)更直接、更赤裸祝迂、更直白睦尽。

image

設(shè)置基本資料

這一塊根據(jù)提示,給網(wǎng)站擬定標(biāo)題型雳,選擇公司類別当凡,網(wǎng)站的基本描述,搜索關(guān)鍵詞纠俭,以及圖標(biāo)等沿量。
image

著陸頁原型圖的類別

創(chuàng)建過程中可能會(huì)漏掉什么元素,這就需要我們打個(gè)草稿冤荆,可以通過線條朴则、圖形等設(shè)計(jì)元素組合描繪出的產(chǎn)品框架圖。工具如下:

  • 低保真:手繪
  • 中保真:墨刀钓简、Balsamiq Mockups乌妒、Proto.io、Moqups
  • 高保真:keynote外邓、Axure撤蚊、Sketch、Photoshop坐榆、Invision

對(duì)于著陸頁(落地頁)的設(shè)計(jì)來說拴魄,因?yàn)樗幌褚徽譇PP的設(shè)計(jì)那么復(fù)雜。因

此席镀,如果你需要制作著陸頁的原型圖匹中,最快速、最推薦的辦法就是:手繪豪诲。

無論是一個(gè)網(wǎng)頁著陸頁顶捷,還是一個(gè)海報(bào)著陸頁,你可以拿出一張A4張+鉛筆屎篱,

過最直接的方式構(gòu)思整體的頁面布局和文案服赎。


image.png

其他如墨刀等工具可以自行在網(wǎng)上或者他們公眾號(hào)獲取使用教程。

添加GA監(jiān)測(cè)代碼

如果你想要把百度統(tǒng)計(jì)等自定義代碼的添加至上線了網(wǎng)站交播,請(qǐng)確保你已購(gòu)買付費(fèi)版本(目前試用版也不支持添加自定義代碼)重虑,但是如果你使用免費(fèi)版本,你可以使用 Google Analytics 來監(jiān)測(cè)你的上線了網(wǎng)站

如何在上線了網(wǎng)站中添加Google Analytics統(tǒng)計(jì)代碼秦士?

上線了的網(wǎng)站都提供專業(yè)的數(shù)據(jù)分析及展示缺厉。如果你的訪客主要來自海外,并且需要了解更多更詳細(xì)的網(wǎng)站訪問數(shù)據(jù)分析,我們推薦使用 Google Analytics 谷歌分析工具提针。

請(qǐng)注意:由于國(guó)內(nèi)政策的原因命爬,從國(guó)內(nèi)訪問添加了Google Analytics的網(wǎng)站,如果訪客的電腦或者手機(jī)沒有設(shè)置VPN辐脖,其訪問數(shù)據(jù)可能會(huì)被屏蔽掉饲宛,導(dǎo)致Google Analytics無法追蹤,出現(xiàn)數(shù)據(jù)不精確的現(xiàn)象嗜价。

這是 Google 提供的一款免費(fèi)且強(qiáng)大的數(shù)據(jù)分析工具艇抠,讓網(wǎng)站管理員了解到網(wǎng)站的每次訪問以及每次的點(diǎn)擊,包括新舊訪客的對(duì)比炭剪,流量的來源练链,訪問的時(shí)間分析等,十分的詳細(xì)奴拦。

使用方法:

  1. 創(chuàng)建一個(gè) Google 統(tǒng)計(jì)的賬戶媒鼓。

  2. 登錄“管理”-“媒體資源”-“跟蹤信息”-“跟蹤代碼”。

  3. 復(fù)制“跟蹤 ID”下面的代碼(例如“UA-XXXXXXX-X”)错妖。

image
  1. 登錄上線了網(wǎng)站編輯器绿鸣,進(jìn)入【設(shè)置】-【顯示高級(jí)選項(xiàng)】-【服務(wù)與驗(yàn)證】,把Google Analytics的跟蹤ID粘貼進(jìn)“Google Analytics追蹤器”里面暂氯,更新并重新上線網(wǎng)站潮模,即可生效!
image

如何在上線了網(wǎng)站中添加百度統(tǒng)計(jì)代碼痴施?

上線了的網(wǎng)站都提供專業(yè)的數(shù)據(jù)分析及展示擎厢。如果你的訪客主要來自國(guó)內(nèi),并且你希望了解更多更詳細(xì)的網(wǎng)站訪問數(shù)據(jù)辣吃,我們推薦使用百度統(tǒng)計(jì)站長(zhǎng)版來獲取網(wǎng)站的數(shù)據(jù)分析动遭。

百度統(tǒng)計(jì)是百度推出的一款穩(wěn)定、免費(fèi)神得、專業(yè)厘惦、安全的數(shù)據(jù)統(tǒng)計(jì)、分析工具哩簿。能夠?yàn)閣eb系統(tǒng)管理者提供權(quán)威宵蕉、準(zhǔn)確、實(shí)時(shí)的流量質(zhì)量和訪客行為分析节榜,助力日常指標(biāo)監(jiān)控羡玛,為系統(tǒng)優(yōu)化、提升投資回報(bào)率等目標(biāo)提供指導(dǎo)宗苍。

具體步驟:

  1. 首先來到百度統(tǒng)計(jì)網(wǎng)站稼稿,點(diǎn)擊【注冊(cè)】亿遂,然后選擇百度統(tǒng)計(jì)站長(zhǎng)版。
image
  1. 來到以下頁面渺杉,輸入賬戶信息和網(wǎng)站信息,進(jìn)行注冊(cè)挪钓。
image
  1. 完成注冊(cè)后是越,就會(huì)跳轉(zhuǎn)到網(wǎng)站的統(tǒng)計(jì)代碼處,如下圖碌上,然后復(fù)制代碼倚评。或者你可以根據(jù)百度文檔【如何獲取百度統(tǒng)計(jì)代碼】一文來獲取這個(gè)統(tǒng)計(jì)代碼馏予。
image
  1. 復(fù)制代碼后天梧,來到網(wǎng)站編輯器,點(diǎn)擊【設(shè)置】→【選擇高級(jí)選項(xiàng)】→【自定義代碼】→【頁眉/頁腳代碼】霞丧,將代碼放置到【頁眉代碼】處呢岗。
image
  1. 檢測(cè)代碼是否安裝正確。

如果要檢測(cè)代碼是否安裝正確蛹尝,請(qǐng)?jiān)诰W(wǎng)站編輯器里先點(diǎn)擊【上線】后豫,這樣百度統(tǒng)計(jì)才能檢測(cè)到這段代碼。然后來到百度統(tǒng)計(jì)的頁面突那,點(diǎn)擊【管理】→【代碼管理】→【代碼安裝檢查】挫酿,點(diǎn)擊【代碼安裝檢查】。

image

點(diǎn)擊【代碼安裝檢查】之后愕难,百度統(tǒng)計(jì)就會(huì)開始檢測(cè)早龟。如果安裝正確,就會(huì)看到提示【頁面代碼安裝狀態(tài):代碼安裝正確】猫缭。如果提示安裝不正確或者沒有檢測(cè)到葱弟,請(qǐng)按照步驟3和4檢查你的操作,然后重復(fù)第5步饵骨。

image
  1. 根據(jù)百度的安裝說明翘悉,代碼安裝后20分鐘才能查看到網(wǎng)站數(shù)據(jù)。請(qǐng)耐心等候一段時(shí)間居触,然后再點(diǎn)擊【報(bào)告】查看網(wǎng)站的數(shù)據(jù)分析妖混。
image

更多內(nèi)容,可點(diǎn)擊查看 上線了最新官方文檔轮洋。

到這里我們的著陸頁就順利搭建完了制市,你get到了嗎?

特別提醒

著陸頁的8個(gè)經(jīng)典結(jié)構(gòu)可以根據(jù)公司或者產(chǎn)品特點(diǎn)調(diào)整弊予,不是全都需要包含可以包含幾個(gè)祥楣。

著陸頁不是單指網(wǎng)頁,朋友圈、微信群的海報(bào)误褪、引導(dǎo)報(bào)名的文章啊责鳍,這些都是著陸頁的主要形式。

好了兽间,小伙伴們历葛,如果感覺對(duì)你有用,就點(diǎn)贊收藏吧嘀略。做是最好的學(xué)恤溶,萌新小白也可以上手制作著陸頁哦!帜羊!

image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末咒程,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子讼育,更是在濱河造成了極大的恐慌帐姻,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件窥淆,死亡現(xiàn)場(chǎng)離奇詭異卖宠,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)忧饭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門扛伍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人词裤,你說我怎么就攤上這事刺洒。” “怎么了吼砂?”我有些...
    開封第一講書人閱讀 165,747評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵逆航,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我渔肩,道長(zhǎng)因俐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,939評(píng)論 1 295
  • 正文 為了忘掉前任周偎,我火速辦了婚禮抹剩,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蓉坎。我一直安慰自己澳眷,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評(píng)論 6 392
  • 文/花漫 我一把揭開白布蛉艾。 她就那樣靜靜地躺著钳踊,像睡著了一般衷敌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拓瞪,一...
    開封第一講書人閱讀 51,737評(píng)論 1 305
  • 那天缴罗,我揣著相機(jī)與錄音,去河邊找鬼祭埂。 笑死瞒爬,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的沟堡。 我是一名探鬼主播,決...
    沈念sama閱讀 40,448評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼矢空,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼航罗!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起屁药,我...
    開封第一講書人閱讀 39,352評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤粥血,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后酿箭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體复亏,經(jīng)...
    沈念sama閱讀 45,834評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評(píng)論 3 338
  • 正文 我和宋清朗相戀三年缭嫡,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了缔御。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,133評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡妇蛀,死狀恐怖耕突,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情评架,我是刑警寧澤眷茁,帶...
    沈念sama閱讀 35,815評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站纵诞,受9級(jí)特大地震影響上祈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜浙芙,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評(píng)論 3 331
  • 文/蒙蒙 一登刺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧茁裙,春花似錦塘砸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽廊宪。三九已至,卻和暖如春女轿,著一層夾襖步出監(jiān)牢的瞬間箭启,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工蛉迹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留傅寡,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,398評(píng)論 3 373
  • 正文 我出身青樓北救,卻偏偏與公主長(zhǎng)得像荐操,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子珍策,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容