如何制作落地頁:保姆級實(shí)操指南
大家對落地頁相關(guān)知識了解嗎?下邊這篇文章是筆者拆解了國內(nèi)外 117 個(gè)優(yōu)秀的落地頁案例,總結(jié)提煉出的保姆級入門指南的內(nèi)容,需要學(xué)習(xí)相關(guān)知識的同學(xué)可以看一看哦!
如果你想要看到比較系統(tǒng)全面的落地頁操作指南,那你就來對地方了,這篇文章是小吉拆解了國內(nèi)外 117 個(gè)優(yōu)秀的落地頁案例,總結(jié)提煉出的保姆級入門指南,對于那些希望盡快上手落地頁的小伙伴會(huì)非常有幫助。
為了照顧不同知識背景的小伙伴,小吉對落地頁中基礎(chǔ)的模塊都做了詳細(xì)的解讀。跟著手冊一步一步來,相信你也會(huì)很快搭建一個(gè) 80 分以上的落地頁,那么,廢話少說,讓我們出發(fā)吧!
重要提示:
雖然小吉對不同端做了適配,但限于精力,難免有所紕漏。網(wǎng)站是通過 Framer 搭建,在 PC 端制作完成的,建議在 PC 端瀏覽體驗(yàn)最佳。右邊的目錄條可以點(diǎn)擊跳轉(zhuǎn)到你感興趣的模塊分模塊查看。另外,內(nèi)容還未完結(jié),后續(xù)會(huì)陸續(xù)增加落地頁中更多的案例和落地頁如何搭建的實(shí)戰(zhàn)模塊,建議收藏,以免錯(cuò)過。
一、什么是落地頁?
1. 為什么落地頁在海外這么常見?
海外產(chǎn)品運(yùn)營邏輯跟國內(nèi)是不一樣的,他們幾乎所有的平臺都是允許留外鏈的。
因此延伸出了非常多的玩法,比如你可以在 ??(原名:Twitter) 上發(fā)布你的 logo 作品,然后在 Gumroad 上架一個(gè)基于你作品的增值服務(wù)賺錢。我之前介紹的海外獨(dú)立創(chuàng)客 Fabian Arbor 的案例,就是這么操作的。
又比如你可以在 YouTube 上錄制視頻課程,然后在 Reddit 上發(fā)帖,給你的視頻導(dǎo)流等等。
Fabian Arbor 在 Gumroad 上售賣他的 logo 制作快閃服務(wù)
雖然平臺允許互相外鏈,各個(gè)平臺都有各自的特色。但難免會(huì)有其局限性,比如 ?? 適合短平快的內(nèi)容分享,承載的信息量有限,YouTube 適合有視頻創(chuàng)作能力的人,但并非所有人都擅長鏡頭表現(xiàn)都,而且即使內(nèi)容再出色,也或多或少會(huì)受到一些平臺規(guī)則的限制,因此,落地頁便應(yīng)運(yùn)而生,并且它在當(dāng)今多元化的數(shù)字營銷環(huán)境中變得越來越重要。
與其他平臺不同,「落地頁」完全屬于你,你可以在落地頁上盡情發(fā)揮你的想象力,可以不受字?jǐn)?shù)限制地描述你所售產(chǎn)品或服務(wù)的更多細(xì)節(jié),你也可以自由地添加圖片、視頻或者其他互動(dòng)元素來吸引并保持訪客的注意力。
落地頁是將訪客變成用戶的最后一站。不管你是做什么樣類型的產(chǎn)品或服務(wù),只要你目標(biāo)受眾是海外群體,一般都會(huì)碰到需要制作落地頁的場景。所以,應(yīng)該格外重視起來。
2. 落地頁到底是什么?
海外有兩種說法定義落地頁,廣義上一切不需要你通過輸入 url 訪問的網(wǎng)頁,都叫做落地頁。這個(gè)范圍就非常大了,比如你訪問了失效的鏈接,跳轉(zhuǎn)給你一個(gè) 404 頁面,這種在廣義的定義上,也是落地頁,但小吉覺得,這些落地頁場景對于絕大部分出海小伙伴來說,并非核心需求,也不利于聚焦,所以小吉這次的落地頁內(nèi)容,主要集中在狹義的落地頁上。
簡單來說,狹義的落地頁就是為了說服用戶完成某項(xiàng)特定操作的網(wǎng)頁,比如讓用戶下載你的產(chǎn)品,讓用戶訂閱你的 newsletter 等等。
為了方便你理解,小吉整理了常見的落地頁類型。
3. 落地頁的類型有哪些
網(wǎng)上有非常多的資料,在用各自的方法進(jìn)行落地頁類型的劃分,小吉打算從產(chǎn)品或服務(wù)發(fā)布周期這個(gè)視角來歸納落地頁的類型。分別是研發(fā)期、預(yù)上線、已上線和售后模塊進(jìn)行劃分,其中有一些類型的落地頁會(huì)貫穿產(chǎn)品發(fā)布的整個(gè)周期,并且很常用,所以單拎出來作為一類。
1) 研發(fā)期
2) 預(yù)上線
3) 已發(fā)布
4) 售后服務(wù)
5) 通用輔助
4. 落地頁和首頁的區(qū)別是什么?
很多人常?;煜醉摵吐涞仨摰母拍?,但其實(shí)它倆是完全不同的東西。落地頁主要針對特定的目的,通常只包含一個(gè)或少數(shù)幾個(gè) CTA。但首頁則更全面,它鼓勵(lì)訪客瀏覽更多的內(nèi)容,比如網(wǎng)站的博客、產(chǎn)品的功能細(xì)節(jié)等等。
不過,受限于精力,很多小團(tuán)隊(duì)選擇將首頁作為自己的落地頁,這倒也可以理解。但在頁面設(shè)計(jì)上,請給出一個(gè)你重點(diǎn)希望用戶操作的 CTA,不要急功近利,既想讓用戶下載你的產(chǎn)品,又想他們訂閱你的服務(wù),又引導(dǎo)用戶轉(zhuǎn)發(fā)你的文章。那樣非常有可能適得其反。
為了方便你理解,小吉做了一個(gè)首頁和落地頁區(qū)別的對比圖。
二、落地頁需要包含哪些內(nèi)容
落地頁的目的是為最終轉(zhuǎn)化服務(wù)的。在寫作的時(shí)候,技巧比文采更重要。常見的落地頁包含以下幾點(diǎn)內(nèi)容,它們的功能各不相同,但目的都是通過傳達(dá)有價(jià)值的信息以達(dá)成轉(zhuǎn)化。
以下是小吉結(jié)合幾十個(gè)優(yōu)秀落地頁案例,總結(jié)出來的落地頁需要包含的最常見的模塊,這些模塊并不一定要全部出現(xiàn)在單個(gè)落地頁中,可以結(jié)合自己的場景增減,但至少需要有一個(gè) CTA(行動(dòng)召喚)。
注:
為了讓內(nèi)容更加聚焦且具備參考性,這次的分析主要專注于當(dāng)前最受用戶歡迎的一站式落地頁,后續(xù)如果更新其他類型的落地頁分析,小吉會(huì)以單獨(dú)的文章發(fā)布出來。除非特別說明,后續(xù)文章中提到的落地頁都是一站式落地頁哈~。
1. 標(biāo)題和主展示區(qū)(Title;Hero Section)
常見的主展示區(qū),一般包含一個(gè)大標(biāo)題和一張橫幅大圖,亦或者是簡潔的背景和一個(gè)特大號的標(biāo)題。
1)橫幅樣式
2)簡潔背景
小知識:為什么英文語境下會(huì)用 Hero 這個(gè)詞呢?
- 強(qiáng)調(diào)重要性:在故事或電影中,英雄通常是最重要的角色,引導(dǎo)整個(gè)故事線。同樣地,Hero 頁面或區(qū)域也是網(wǎng)站設(shè)計(jì)中最重要的部分之一。
- 吸引注意:英雄通常具有吸引人的特質(zhì)。Hero 頁面也設(shè)計(jì)得吸引人,以便快速捕獲用戶的注意。
- 引導(dǎo)行動(dòng):在許多故事中,英雄引導(dǎo)著其他角色和情節(jié)發(fā)展。在設(shè)計(jì)中,Hero 區(qū)域通常包含了引導(dǎo)用戶采取某種行動(dòng)(如注冊、了解更多等)的元素。
主展示區(qū)的標(biāo)題文案可以說是落地頁中最重要的部分,因?yàn)樵谌藗優(yōu)g覽網(wǎng)頁的時(shí)候,大約有 70% 以上的人,在沒有進(jìn)一步探索接下來的內(nèi)容時(shí),就關(guān)閉了網(wǎng)頁。所以在為了確保用戶盡可能查看你接下來的內(nèi)容,你應(yīng)該在第一屏,就明確、簡潔地告訴訪客,他們將會(huì)再接下來的內(nèi)容中看到什么?
2. 特點(diǎn)和優(yōu)勢(Feature;Benefits)
用戶已經(jīng)開始往下探索,說明 Ta 對你的產(chǎn)品/服務(wù)是有興趣的,接下來你就應(yīng)該向用戶解釋,你的產(chǎn)品或者服務(wù),相較于其他產(chǎn)品,獨(dú)特的價(jià)值是什么?
用戶其實(shí)很少關(guān)心說你到底有哪些功能,具體是什么?你應(yīng)該用非常直接地方式告訴用戶,如果使用我的產(chǎn)品,能夠給 Ta 帶來什么。核心就一點(diǎn),從「多快好省」的談?wù)勀愕姆?wù)或產(chǎn)品,將幫助 Ta 們解決哪些實(shí)際的痛點(diǎn)。
3. 用例展示(Use Cases)
前面兩個(gè)模板,解決了 What 的問題。用戶已經(jīng)知道你這個(gè)產(chǎn)品是什么,以及能做什么。但是,How Can?有時(shí)候千言無語都不敵一個(gè)生動(dòng)的例子來得奏效。好的用例展示,會(huì)讓用戶覺得,這就是為我量身定做的。
在制作用例展示的時(shí)候,請盡可能使用圖像、視頻等可以讓你用例生動(dòng)的方式,當(dāng)然這不是教條,只是建議,就是要在信息表達(dá)不受阻的前提下,盡可能讓用戶感知到你的產(chǎn)品或服務(wù),在實(shí)際場景中,能為 Ta 們解決哪些實(shí)際問題。
4. 信用背書(Social Proof)
來自真實(shí)用戶的評價(jià)往往能夠迅速提升潛在客戶的信任值。你想想你買東西的場景,是不是在購買之前,都先翻翻評論?
注意哦,一定不要弄夸大其詞的評價(jià),這樣往往會(huì)適得其反。所以,在產(chǎn)品預(yù)上線期間,就應(yīng)該多在各大社交媒體上宣傳你的產(chǎn)品,盡可能讓用戶反饋你的產(chǎn)品,這之后可以在之后挑選中肯且對你有利的評論,放到這個(gè)模塊。
5. 常見問題(FAQs)
最后,針對產(chǎn)品、服務(wù)或活動(dòng)的常見問題及答案。如果你的產(chǎn)品有數(shù)據(jù)埋點(diǎn)是最好不過的。選擇那些用戶最常見的困惑,用戶會(huì)因?yàn)槟懔私馑麄兌屑つ恪?/p>
FAQ 切忌把冗余的一堆信息復(fù)制上去。冗長的文字會(huì)讓用戶失去耐心,用戶來到這個(gè)頁面就是帶著困惑來找答案的。
這一環(huán)節(jié)再用過長的信息,用戶可能會(huì)立馬棄用你的產(chǎn)品。如果你設(shè)計(jì)的 FAQs 足夠好的話,還有可能被Google收錄到其“答案框”,從而大幅提升網(wǎng)站流量。
以下是編寫有效常見問題解答的一些技巧:
- 明確一點(diǎn):你的答案應(yīng)該易于理解并快速切中要點(diǎn)。
- 簡潔一點(diǎn):不要太啰嗦。讓你的答案簡短并切中要點(diǎn)。
- 易懂一點(diǎn):盡可能結(jié)合圖像、圖表或其他視覺效果來幫助解釋復(fù)雜的概念。
- 個(gè)性一點(diǎn):雖然您希望您的答案清晰且信息豐富,但不要太死板,注入個(gè)性化的語氣可能會(huì)讓用戶更加信任你的產(chǎn)品或服務(wù)。
6. 行動(dòng)指引按鈕(CTA)
CTA 一般由一句引導(dǎo)用戶行動(dòng)的文案和確認(rèn)行動(dòng)的按鈕組成。常見于落地頁的開頭和結(jié)尾,它是一種營銷策略。旨在讓訪問者采取行動(dòng)。例如購買產(chǎn)品或者訂閱你的郵箱等。
通過前面的落地頁內(nèi)容,你已經(jīng)贏得了絕大部分訪客的信任,如果沒有一個(gè)明確的行動(dòng)指引按鈕,你在落地頁的其他努力就都功虧一簣了。你應(yīng)該準(zhǔn)確地告訴用戶,接下來要做什么?當(dāng)然,必要的時(shí)候,你應(yīng)該做多個(gè)版本,用來測試到底哪一個(gè)版本的轉(zhuǎn)化率更高。
小知識:為什么中文翻譯成「行動(dòng)指引按鈕」。
CTA 是 call to action 的簡寫,很多人會(huì)把它翻譯成行動(dòng)召喚。小吉覺得非常拗口和生硬,感覺翻譯成「行動(dòng)指引」更合理,而基本上所有的指引最后都會(huì)有一個(gè)提交按鈕的動(dòng)作,所以翻譯成「行動(dòng)指引按鈕」更為貼切一些。
如下文沒有特殊說明,全部都按照「行動(dòng)指引按鈕」代指 CTA,不再做聲明了哈。
以上幾點(diǎn)就是落地頁中最最最常見,也是最最最實(shí)用的模塊,對于大部分功能并不復(fù)雜的產(chǎn)品,已經(jīng)完全夠用了。當(dāng)然我總結(jié)的這套方案,并非是教條,你應(yīng)該根據(jù)自己的產(chǎn)品特性,適當(dāng)?shù)脑鰷p其中的內(nèi)容。
剩下還有一些常見的模塊,小吉也可以總結(jié)出來了。
7. 其他信息
1)操作指南(Guide)
一般用來讓用戶快速了解你的產(chǎn)品操作步驟,盡可能簡化成 3 步之內(nèi),如果功能比較復(fù)雜的產(chǎn)品,想辦法挑出你產(chǎn)品和別的產(chǎn)品差異最大的部分,單獨(dú)介紹。記住,用戶的注意力非常有限,復(fù)雜的操作步驟,可能分分鐘就把把用戶嚇跑了。
2)表單(Form)
用于收集訪問者的信息,如姓名、電子郵件地址等,通常與某種特定的 CTA 相關(guān),例如“訂閱新聞通訊”或“獲取免費(fèi)試用”。記住,用戶不喜歡填寫長長的表單。僅收集你絕對需要的信息,并提供清晰、易懂的指導(dǎo)。如果可能,使用多選框或下拉菜單來使填寫過程更快。
3)價(jià)錢(Price)
明確、透明的定價(jià)策略是贏得用戶信任的關(guān)鍵。隱藏費(fèi)用或復(fù)雜的定價(jià)結(jié)構(gòu)會(huì)讓用戶感到困惑或被欺騙。優(yōu)先展示最受歡迎或性價(jià)比最高的選項(xiàng),并提供一個(gè)簡短的比較表以便用戶做決定。具體定價(jià)方案不同的軟件產(chǎn)品,需要不同的策略,里面細(xì)節(jié)還蠻多的,比如如何針對不同的地區(qū)差異化定價(jià),以及如何設(shè)置優(yōu)惠政策等等,晚點(diǎn)單獨(dú)寫文章討論。
4)信任標(biāo)志(Trust Signals)
如保障標(biāo)志、付款方式標(biāo)志、合作伙伴標(biāo)志等,可以提高訪問者的信任感,但注意不要過度堆砌標(biāo)志,選擇與你的業(yè)務(wù)和用戶最相關(guān)的幾個(gè)。另外在視覺上,考慮到不同的 logo 品牌色都不一樣,為了不讓這個(gè)模塊的色塊影響到整體的美感,可以嘗試將它們?nèi)恐没摇?/p>
5)聯(lián)系信息(Contact Information)
清晰地列出聯(lián)系方式,如電話、電子郵件或在線客服,并確保這些通道真正可用。用戶可能在任何時(shí)候需要支持,快速的響應(yīng)會(huì)大大增加他們對你的滿意度。
6)社交媒體鏈接(social media)
鏈接到公司的社交媒體頁面,如 Facebook、??(原名:Twitter) 等。提供社交媒體鏈接是一個(gè)好方法,讓用戶更進(jìn)一步了解你。但同樣地,只提供那些你積極維護(hù)的平臺,避免導(dǎo)致僵尸賬戶。
7)免責(zé)聲明、隱私政策和條款(Disclaimer, Privacy Policy, and Terms)
特別是當(dāng)你收集用戶信息時(shí),這些都是非常重要的。這些法律文件是必要的,但通常很難讀。嘗試用簡單、易懂的語言來解釋這些條款,如果精力允許,可以提供一個(gè)“簡要版”,以幫助用戶更快地了解主要內(nèi)容。
三、落地頁撰寫之前的 3+1 原則
要開始寫落地頁了哇!喂,等等,在開始寫作之前,請確保完成了以下三件事:
1. 你的價(jià)值主張是什么?
在開始寫作之前,你得搞清楚你的產(chǎn)品或服務(wù),提供了什么獨(dú)特的價(jià)值?這個(gè)價(jià)值應(yīng)該是清晰且明確的,它應(yīng)當(dāng)是有別于競爭對手的。你的價(jià)值主張是一條主線,影響著后續(xù)的所有文案的脈絡(luò),所以再開始寫作之前,務(wù)必確保你對此有明確的理解。
2. 你的產(chǎn)品的目標(biāo)用戶是誰?
你的用戶是男是女?母語是什么?住在哪個(gè)地區(qū)?多大年齡?平時(shí)喜歡什么?對目標(biāo)用戶調(diào)研得越細(xì)致,越能準(zhǔn)確把握他們的需求和痛點(diǎn)。這些敏銳的洞見,不僅會(huì)幫助你寫出更打動(dòng)目標(biāo)用戶的文案,還會(huì)在最終的數(shù)據(jù)上得以體現(xiàn)。
3. 你的落地頁將會(huì)在哪些地方投放?
流量來源很重要,不同流量來源的用戶,對于你品牌的認(rèn)知是非常不同的。比如流量來自冷郵件,由于用戶對于你的品牌不夠了解,因此,落地頁可能就需要相應(yīng)地加一些品牌介紹。相反,如果流量來自社交媒體,大部分用戶對你的品牌有了初步的了解,因此,品牌的介紹的部分可能就可以精簡了,這些小細(xì)節(jié)的優(yōu)化,可能會(huì)極大地提升落地頁的轉(zhuǎn)化效果。
4. 這個(gè)落地頁你需要用戶做什么動(dòng)作?
最后,但也是最重要的。你的落地頁是要有一個(gè)轉(zhuǎn)化目標(biāo),你是希望用戶申請你即將上線的產(chǎn)品,還是希望用戶下載你的軟件,亦或者是希望用戶留下他們自己的郵箱以便接收產(chǎn)品的更新通知,你的落地頁都應(yīng)緊扣這一核心目的進(jìn)行設(shè)計(jì)和展示。
另外,切忌貪多,既要又要還要,搞得滿屏都是 CTA,最后結(jié)果往往都是竹籃打水。驗(yàn)證你的落地頁是否合格的方式,是換位思考,從用戶的角度去思考,如果你是用戶,看完這個(gè)落地頁,會(huì)去做「點(diǎn)擊 CTA」的動(dòng)作嗎?
四、標(biāo)題應(yīng)該怎么寫?
主標(biāo)題是用戶第一眼看到的位置,非常重要。通常來說,需要和你的價(jià)值主張進(jìn)行強(qiáng)關(guān)聯(lián),它決定了用戶是否會(huì)繼續(xù)探索你接下來的內(nèi)容,所以需要格外費(fèi)點(diǎn)心思去設(shè)計(jì)。
1. 標(biāo)題撰寫原則
好的標(biāo)題應(yīng)該保證如下 4 件事情 :
- 滿足用戶期望,它不是獨(dú)立的,應(yīng)該和你的引導(dǎo)頁聯(lián)動(dòng)起來,這會(huì)大大減少用戶跳出率,比如 用戶從你的展示廣告而來,而廣告中提示用戶說有“免費(fèi)試用”,但你的落地頁首屏沒有提及任何試用的內(nèi)容,我敢打賭用戶大概率會(huì)馬上關(guān)閉網(wǎng)頁。
- 應(yīng)該足夠吸引人,讓用戶有閱讀下去的欲望。
- 清晰的說明了你的產(chǎn)品或服務(wù),過濾掉那些不會(huì)成為你客戶的人。
- 對 SEO 友好,所以你應(yīng)該將標(biāo)題放在 H1 標(biāo)簽中。
2. 拿來就可以用的標(biāo)題公式
1)以更[多、快、好、省]地方式[完成預(yù)期]
Airtable 是一個(gè)創(chuàng)新的在線平臺,結(jié)合了傳統(tǒng)的電子表格和數(shù)據(jù)庫功能。這使得用戶能夠快速地創(chuàng)建和自定義他們需要的工作空間,從而適應(yīng)各種應(yīng)用場景,他們現(xiàn)在在主推通過表格構(gòu)建 App 的功能,所以采用了這個(gè)標(biāo)題,直接告訴用戶,Airtable 可以幫你以最迅速的方式構(gòu)建 App。
Build in a weekendScale to millions
Build in a weekend 意味著開發(fā)人員可以非常迅速地構(gòu)建應(yīng)用程序或功能,甚至在一個(gè)周末內(nèi)完成。這是強(qiáng)調(diào)其簡單性、快速性以及開箱即用的特性,Scale to millions 意味著當(dāng)你的應(yīng)用程序或服務(wù)獲得大量用戶或請求時(shí),Supabase 能夠輕松擴(kuò)展以滿足需求。它強(qiáng)調(diào)了該平臺的強(qiáng)大、穩(wěn)定和可擴(kuò)展性,開發(fā)者不需要為后期的大規(guī)模擴(kuò)展而煩惱。
Linear is a better way to build products
Linear 是一個(gè)現(xiàn)代的、簡潔的團(tuán)隊(duì)合作與項(xiàng)目管理工具,旨在幫助軟件團(tuán)隊(duì)更高效地追蹤問題和任務(wù)。這個(gè)標(biāo)題以簡潔而有力的聲明,即 Linear 提出了一個(gè)更好的方式來構(gòu)建產(chǎn)品。Linear 這個(gè)標(biāo)題也直接框定了目標(biāo)用戶,就是它想去吸引那些對當(dāng)前的產(chǎn)品開發(fā)流程感到不滿或?qū)ふ腋咝Чぷ鞣绞降膱F(tuán)隊(duì)和個(gè)人。
2)一陣見血的說出你的價(jià)值主張
Stay curious
Medium 是一個(gè)知名的在線寫作和分享平臺,讓各個(gè)領(lǐng)域的作者和讀者可以相互交流、分享知識和經(jīng)驗(yàn)。”Stay curious” 這個(gè)標(biāo)題鼓勵(lì)人們保持對世界、對新知識的好奇心。
在 Medium 上,你可以探索各種話題、觀點(diǎn)和故事,從而滿足你的好奇心,繼續(xù)學(xué)習(xí)和成長。該平臺深知,好奇心是驅(qū)動(dòng)人類探索和創(chuàng)新的關(guān)鍵因素,因此通過這個(gè)標(biāo)題,Medium 鼓勵(lì)其用戶永遠(yuǎn)不要停止追求知識。
Supercharged productivity
Raycast 是一個(gè)旨在提高日常工作效率的工具,通過為用戶提供一系列快捷操作和集成來優(yōu)化其工作流程。”Supercharged productivity” 這個(gè)標(biāo)題清晰地傳達(dá)了 Raycast 的核心價(jià)值——將用戶的生產(chǎn)力提升到一個(gè)全新的水平。
不論是快速訪問文檔、管理任務(wù),還是集成其他應(yīng)用和工具,Raycast 都能讓用戶在一個(gè)集中的界面中輕松完成,從而節(jié)省時(shí)間、減少中斷并保持專注。
Build interactive animations that run anywhere
Rive.app 是一個(gè)為設(shè)計(jì)師和開發(fā)者提供的交互式動(dòng)畫制作平臺。
這個(gè)標(biāo)題明確地表達(dá)了 Rive.app 的主要優(yōu)勢:用戶可以創(chuàng)建高度交互的動(dòng)畫,并確保它們在任何設(shè)備或平臺上都能流暢運(yùn)行。這意味著,Rive.app 提供了一個(gè)強(qiáng)大、靈活且跨平臺的解決方案。對于希望使其項(xiàng)目更具吸引力和動(dòng)感的設(shè)計(jì)師和開發(fā)者來說,非常有吸引力。
3)引發(fā)好奇
Design tools from the future
Diagram 集成了多款 AI 驅(qū)動(dòng)的工具,比如給所有設(shè)計(jì)稿重命名、通過 AI 填充真實(shí)類型的數(shù)據(jù)、通過文本生成 svg 圖形等,產(chǎn)品的核心價(jià)值主張就是通過 AI 給設(shè)計(jì)工作流提效。這個(gè)標(biāo)題非常有想象空間,勾起用戶的好奇心,未來的設(shè)計(jì)工具到底是什么呢?
Listen to what’s new
Radial 是一個(gè)還未上線的 App 的落地頁,這個(gè)產(chǎn)品的概念有點(diǎn)像是聽后即焚。
對于發(fā)布者來說,因?yàn)橛脩袈犕隂]有保存的選項(xiàng),發(fā)布的音頻時(shí)也沒有很多的壓力,會(huì)讓用戶聽到更多的幕后花絮,聽聽有什么新的引發(fā)用戶產(chǎn)生好奇,到底這里面會(huì)有什么好玩有趣的內(nèi)容呢?
Your calling is calling
Otta 是一個(gè)創(chuàng)新的招聘平臺,他們通過一系列個(gè)性化的定制服務(wù),幫你掃清找工作路徑上的一切障礙。讓更多用戶找到他自己滿意的工作,Your calling is calling 翻譯過來小吉覺得可以是:你的使命在召喚你,很好地契合了這家企業(yè)的核心服務(wù)。
4)數(shù)字法則
Over 4600 pixel-perfect icons for web design
這個(gè)網(wǎng)站收集了很多非常多專門為網(wǎng)頁設(shè)計(jì)所使用的圖標(biāo),說實(shí)話這類型的圖標(biāo)庫還是蠻多的,圖標(biāo)一方面需要看圖標(biāo)的風(fēng)格樣式,另外一個(gè)考量標(biāo)準(zhǔn)就是圖標(biāo)庫是否足夠全,而用數(shù)字可以非常直觀地讓用戶 get 數(shù)據(jù)庫比較全的這層意思。
Get 10x growth with AI-generated replies
replai 專注于社交媒體回復(fù)這個(gè)場景,在社媒上維護(hù)用戶關(guān)系是一件非常消耗精力的的事情。大家都希望以最省力的方式獲得最佳的增長效果,但究竟省了多少力氣這個(gè)度量很難量化,所以用數(shù)字來表示可以讓用戶更有體感。
3. 副標(biāo)題
副標(biāo)題是主標(biāo)題的得力助手,它可以被用來拓展主標(biāo)題沒能交代完全的內(nèi)容,也可以對主標(biāo)題的內(nèi)容提供有力支持,以強(qiáng)化你主標(biāo)題的可信度。當(dāng)然,重點(diǎn)還是一致的,就是吸引目標(biāo)用戶的注意力,讓 Ta 們有興趣探索接下來的內(nèi)容。
五、特性/優(yōu)勢展示怎么寫?
在寫特性展示之前,將產(chǎn)品的所有功能項(xiàng)全部列舉出來,然后挑出你的產(chǎn)品最核心的功能點(diǎn)。好的功能特性應(yīng)該清楚地描述你和對方的差異點(diǎn)在什么地方,這里不是簡單得功能羅列,要找到你功能和競品差異點(diǎn)的地方,然后放大它們。
1. 特性/ 優(yōu)勢展示的撰寫原則
寫效果,而非功能:多描述你產(chǎn)品的特性所帶來的效果,而不是具體的功能項(xiàng)。功能項(xiàng)用戶可以在詳細(xì)的文檔中了解。所以特性展示模塊,不要貪多羅列一大堆,導(dǎo)致用戶沒有繼續(xù)往下探索的欲望。
- 寫差異,而非普遍性:描述產(chǎn)品或服務(wù)時(shí),強(qiáng)調(diào)那些讓你與競爭對手不同的特性或優(yōu)勢,那些大部分產(chǎn)品都能做到的事情,就像流水賬,用戶很難提取興趣繼續(xù)探索下去。
- 寫解決方案,而非問題:盡量減少對問題的描述,更多地聚焦在你的產(chǎn)品或服務(wù)如何解決這些問題上。這樣可以更直接地展示價(jià)值,引導(dǎo)用戶進(jìn)行轉(zhuǎn)化。
- 寫收益,而非成本:突出產(chǎn)品或服務(wù)所能帶來的長期或短期收益,而非用戶需要付出的成本或努力。
下面小吉帶你分析兩個(gè)以特性展示為主的落地頁精彩案例,以供你參考。
2. Figma 落地頁策略淺析:以效果而非功能吸引用戶
Figma 是全球領(lǐng)先的云端設(shè)計(jì)協(xié)作工具,在 UI、UX 領(lǐng)域是 Top 級別的存在。他們所面相的人群是專業(yè)領(lǐng)域比較強(qiáng)的設(shè)計(jì)師、開發(fā)或項(xiàng)目經(jīng)理等。
其實(shí)從事該領(lǐng)域的用戶,或多或少都已經(jīng)對 Figma 有所了解。同類型設(shè)計(jì)工具的基礎(chǔ)功能都差不多。Figma 也非常清楚這一點(diǎn),所以落地頁設(shè)計(jì)上,F(xiàn)igma 選擇了弱化具體功能的介紹,而是從「使用 Figma 所能帶來的效果」這個(gè)角度來撰寫文案。
這一點(diǎn)也在他們的產(chǎn)品介紹視覺上有所體現(xiàn)。比如第一屏的文案,從視覺上,F(xiàn)igma 將功能特性弱化,使用小號字體,而功能所帶來的效果,使用大號的標(biāo)題字體呈現(xiàn)。
在最新版本的落地頁上,F(xiàn)igma 精選了兩個(gè)核心功能和三個(gè)最近推出的特色功能進(jìn)行詳細(xì)介紹。這樣的布局和內(nèi)容選擇不僅符合他們的產(chǎn)品定位,也有助于不同角色的目標(biāo)用戶更快地了解 Figma 能為他們帶來什么樣的價(jià)值。
1)設(shè)計(jì)
產(chǎn)品特性文案:設(shè)計(jì)。
效果描述文案:在同一空間共同創(chuàng)作。
特性描述文案:實(shí)時(shí)合作,并賦予設(shè)計(jì)師以全新方式進(jìn)行創(chuàng)作的能力。使用讓每個(gè)團(tuán)隊(duì)都能在整個(gè)過程中保持高效和可見的工具。
為什么 Figma 會(huì)寫這段落地頁文案
這一段的落地頁特性,雖然寫的是設(shè)計(jì),但其實(shí)它強(qiáng)調(diào)的是協(xié)作。Figma 采用的是基于云的設(shè)計(jì)模式,這意味著所有的設(shè)計(jì)文件都存儲在云端,并可以通過任何與互聯(lián)網(wǎng)連接的設(shè)備進(jìn)行訪問。
這極大地方便了遠(yuǎn)程工作和多地點(diǎn)的團(tuán)隊(duì)協(xié)作。由于 Figma 的底層渲染引擎是基于 WebGL 和跨平臺的,它能夠確保在不同操作系統(tǒng)和設(shè)備上都能夠流暢運(yùn)行。這一點(diǎn)完虐它的頭號競品 sketch。有趣的是 sketch 是用 mac 原生語言 swift 寫的,而 Figma 不是,但性能上卻吊打它,頗有些戲謔的味道。
2)原型
產(chǎn)品特性文案:原型。
效果描述文案:讓設(shè)計(jì)變得真實(shí)。
特性描述文案:創(chuàng)建逼真的原型,以便在流程和狀態(tài)上快速迭代。測試完整的互動(dòng)體驗(yàn),以便盡早獲得更好的反饋。
為什么 Figma 會(huì)寫這段落地頁文案
原型設(shè)計(jì)是一種非常重要的設(shè)計(jì)環(huán)節(jié),它的主要目的是通過創(chuàng)建交互式模型來模擬最終產(chǎn)品的用戶體驗(yàn)。這對于產(chǎn)品經(jīng)理、設(shè)計(jì)師和開發(fā)者來說,是一種能夠更早地發(fā)現(xiàn)問題、收集反饋并對設(shè)計(jì)進(jìn)行迭代的有效手段。
Figma 提供了一系列強(qiáng)大而靈活的原型制作工具,包括狀態(tài)切換、延遲觸發(fā)、滾動(dòng)位置等,使得設(shè)計(jì)師可以更準(zhǔn)確地模擬各種復(fù)雜的用戶交互。
更重要的是 Figma 的原型功能還支持用戶測試,這意味著你不僅可以在內(nèi)部團(tuán)隊(duì)中進(jìn)行評審,還可以將原型直接發(fā)布到目標(biāo)用戶群體中,進(jìn)行更廣泛、更真實(shí)的用戶體驗(yàn)測試。
大部分使用 Figma 的用戶,都是用來做 UI 和 UX 的,所以將這段文案放在第二的位置,也是讓這部分人群盡快了解它們的核心功能。
3)開發(fā)模式
產(chǎn)品特性文案:開發(fā)模式(新)。
效果描述文案:拉近設(shè)計(jì)與開發(fā)的距離。
特性描述文案:Figma 新推出的開發(fā)模式,專為開發(fā)者打造。讓設(shè)計(jì)更加清晰,并給開發(fā)者提供將其轉(zhuǎn)化為代碼所需的工具。
為什么 Figma 會(huì)寫這段落地頁文案
Figma 其實(shí)一直都有在嘗試解決開發(fā)者和設(shè)計(jì)師割裂的問題。比如 Figma 很早就支持版本控制、任務(wù)追蹤和其他開發(fā)工具的集成等等。
近期推出的這個(gè)開發(fā)模式,是在設(shè)計(jì)師和開發(fā)協(xié)作上做更進(jìn)一步的努力。它不僅允許開發(fā)者直接在設(shè)計(jì)文件中查看元素的屬性,如尺寸、顏色和字體,還可以直接導(dǎo)出這些屬性為代碼片段,比如 CSS 樣式或者 SwiftUI 代碼。
這大大減少了從設(shè)計(jì)到開發(fā)的轉(zhuǎn)換成本,這一段落地頁文案,準(zhǔn)確表達(dá)了 Figma 推出這個(gè)功能,其實(shí)是對設(shè)計(jì)開發(fā)整個(gè)工作流深入細(xì)致的理解和分析。如果我是被設(shè)計(jì)折磨很久的開發(fā),或者是被開發(fā)折磨很久的設(shè)計(jì),都會(huì)被這個(gè)落地頁文案打動(dòng)到。
4)設(shè)計(jì)系統(tǒng)
產(chǎn)品特性文案:設(shè)計(jì)系統(tǒng)。
效果描述文案:規(guī)?;愕脑O(shè)計(jì)和開發(fā)。
特性描述文案:通過在共享庫中使用可重用資產(chǎn)來節(jié)省時(shí)間并保持一致性。標(biāo)準(zhǔn)化組件和變量,以便有更多時(shí)間進(jìn)行探索,減少繁瑣工作。
為什么 Figma 會(huì)寫這段落地頁文案。
設(shè)計(jì)系統(tǒng)是近幾年流行起來的概念。
而 Figma 在這方面做了非常多的拓展和優(yōu)化,除了基礎(chǔ)的資產(chǎn)管理,F(xiàn)igma 的設(shè)計(jì)系統(tǒng)特性還包括對變量和組件的高級控制,這樣設(shè)計(jì)師可以方便地在不同的項(xiàng)目或者不同的平臺之間應(yīng)用同樣的設(shè)計(jì)邏輯和規(guī)則。
Figma 把設(shè)計(jì)系統(tǒng)作為一個(gè)獨(dú)立特性進(jìn)行介紹,實(shí)際上是為了強(qiáng)調(diào)它在幫助團(tuán)隊(duì)建立可擴(kuò)展、高效、一致的設(shè)計(jì)和開發(fā)流程方面的強(qiáng)大能力。這不僅是 Figma 自身的一個(gè)重要優(yōu)勢,也反映了現(xiàn)代產(chǎn)品開發(fā)中對于系統(tǒng)性和一致性越來越高的要求。
5)FigJam
產(chǎn)品特性文案:FigJam。
效果描述文案:團(tuán)隊(duì)對齊。
特性描述文案:FigJam 是一個(gè)在線白板,所有參與產(chǎn)品構(gòu)建的人都可以在上面協(xié)作。用它以全新的方式匯集你的團(tuán)隊(duì),從啟動(dòng)會(huì)議和每日站會(huì)到團(tuán)隊(duì)儀式和回顧會(huì)。
為什么 Figma 會(huì)寫這段落地頁文案
FigJam 是 Figma 團(tuán)隊(duì)最新推出的一個(gè)在線白板工具,這其實(shí)是 Figma 戰(zhàn)略的一個(gè)決策,這個(gè)工具拓寬了 Figma 的使用人群,包括了項(xiàng)目經(jīng)理、市場人員,甚至是公司的決策層。
FigJam 的功能如啟動(dòng)會(huì)議、每日站會(huì)、團(tuán)隊(duì)儀式和回顧會(huì)等,其實(shí)都是團(tuán)隊(duì)協(xié)作中非常基礎(chǔ)但關(guān)鍵的活動(dòng)。通過在這些環(huán)節(jié)中提供高效而直觀的工具,F(xiàn)igma 明確傳達(dá)了一個(gè)信息——我們不僅提供設(shè)計(jì)解決方案,我們還關(guān)心你如何與你的團(tuán)隊(duì)一起更好地工作。Figma 通過 FigJam,實(shí)質(zhì)上提供了一個(gè)一站式的解決方案,使得不同地點(diǎn)、不同時(shí)間都能進(jìn)行有效的團(tuán)隊(duì)協(xié)作。
Figma 這一段精簡的文案無疑是有點(diǎn)東西的。前兩部分分別介紹了它在設(shè)計(jì)和原型制作上的能力,這也是他們最主要的目標(biāo)用戶最需要的能力,不過他的切入角度不是介紹功能本身,而且從使用場景,即強(qiáng)調(diào) Figma 在協(xié)作上的突出優(yōu)勢。
后面的三段文案分別介紹了開發(fā)模式、設(shè)計(jì)系統(tǒng)和 FigJam。分別從不同的角度體現(xiàn)了 Figma 在整個(gè)產(chǎn)品設(shè)計(jì)與開發(fā)流程中的全方位價(jià)值。
Figma 的落地頁文案成功地展示了其產(chǎn)品的全面性、靈活性和高度協(xié)作性,而不僅僅是一個(gè)簡單的設(shè)計(jì)工具。不僅如此,他們還精心設(shè)計(jì)了文案的視覺呈現(xiàn)方式,通過字體大小的巧妙運(yùn)用,進(jìn)一步強(qiáng)化了信息傳達(dá)的效果。
這種綜合性和層次性的呈現(xiàn)方式,使得不同角色的目標(biāo)用戶都能迅速地找到與自己需求相關(guān)的信息,進(jìn)而產(chǎn)生使用或繼續(xù)使用 Figma 的強(qiáng)烈動(dòng)機(jī)。這無疑是一份非常成功的落地頁文案。
3. Mini 工具型落地頁文案怎么寫?試試單刀直入法
Rulumn Ipsum 是一個(gè)基于 AI 技術(shù)的 Figma 插件。產(chǎn)品的定位是加快網(wǎng)站文案的編寫速度和改善設(shè)計(jì)流程。他們的落地頁設(shè)計(jì)得緊湊而精煉,總共 6-8 屏就看完了。整個(gè)落地頁的重點(diǎn)放在了功能特性的介紹上。同時(shí)采用了左側(cè)文案、右側(cè)展示的經(jīng)典布局方式。
對于插件形態(tài)或具有簡單功能的 mini Saas 類產(chǎn)品,都很適合用這種單刀直入的方式。因?yàn)樵诋a(chǎn)品發(fā)展的早期,用戶對產(chǎn)品還沒有明確的認(rèn)知。
幼年期或成長早期的產(chǎn)品,用這種直接介紹功能的方式能讓用戶在了解功能后迅速作出購買決策,從而節(jié)省雙方進(jìn)一步了解的時(shí)間和成本。相信我,用戶會(huì)因此而更加感激你。
特性的大標(biāo)題:專為設(shè)計(jì)師打造的 AI 文案工具。
特性的副標(biāo)題:專注于設(shè)計(jì),而非文案編寫。
第一個(gè)功能:基于模板和組件即時(shí)生成文案。
第一個(gè)功能的介紹:編寫公司描述,選擇一個(gè) Frame,然后點(diǎn)擊“生成”,我們的 AI 將自動(dòng)為你填充設(shè)計(jì)。
第二個(gè)功能:鎖定你想保留的文案,AI 將完成其余部分。
第二個(gè)功能介紹:在 Figma 中鎖定文本層以指示我們的 AI 不要覆蓋文案,而是用它作為上下文。
第三個(gè)功能:通過 Figma 內(nèi)的提示改進(jìn)現(xiàn)有文案。
第三個(gè)功能介紹:在你的設(shè)計(jì)中選擇文本層,并使用 AI 改進(jìn)文案,無需離開 Figma。
這段文案的大標(biāo)題、副標(biāo)題和特性的文案,也非常有啟發(fā),可以總結(jié)一個(gè)特征頁撰寫的框架。
標(biāo)題:專為 + {目標(biāo)用戶} + 打造的 + {使用場景} +工具。
副標(biāo)題:專注于 + {核心領(lǐng)域},避免 + {非核心領(lǐng)域}。
下面功能介紹,圍繞著標(biāo)題提出的這個(gè)愿景展開即可。
值得一提的,這個(gè)落地頁在視覺上也做了小巧思,它們的產(chǎn)品功能是通過 AI 生成的文案,幫助設(shè)計(jì)師填充默認(rèn)的占位文案。他們運(yùn)用了點(diǎn)擊轉(zhuǎn)變的交互設(shè)計(jì),通過顯示使用該工具前后的文案轉(zhuǎn)變,以極為直觀和簡潔的方式讓用戶立即理解產(chǎn)品的實(shí)際使用效果。
拿來就能用的提示詞模板
4. 使用方式
第一步:將提示詞模板中 [ ] 全部填寫完畢,然后復(fù)制到 ChatGPT 中,發(fā)送出去。
第二步:將 ChatGPT 的結(jié)果提取出來,然后結(jié)合自己的文案,注入一點(diǎn)人味。
第三步:發(fā)布到自己的網(wǎng)站上,然后根據(jù)數(shù)據(jù)情況,適當(dāng)調(diào)整文案和案例詳情,持續(xù)迭代。
六、用例展示怎么寫?
用例展示為主的落地頁,一般比較適合 SaaS 類功能比較復(fù)雜的產(chǎn)品。功能項(xiàng)比較多,如果一個(gè)一個(gè)介紹,會(huì)顯得落地頁非常繁雜,很容易把用戶趕走。所以可以嘗試將各種功能項(xiàng),劃分到具體的使用場景,亦或者根據(jù)不通的目標(biāo)用戶進(jìn)行劃分。那是不是小產(chǎn)品就不適合用用例展示的方式呢?也不是,小吉將在第二個(gè)案例解析中給你答案。
1. 用例展示的撰寫原則
- 寫連貫,而非散亂:確保用例之間有邏輯的流程或聯(lián)系,以便用戶可以連貫地理解整個(gè)產(chǎn)品或服務(wù)的價(jià)值。
- 寫實(shí)際,而非假設(shè):用實(shí)際的成功案例或數(shù)據(jù),來證明你的產(chǎn)品或服務(wù)的效果,而非依賴?yán)碚摶蚣僭O(shè)。
- 寫情境,而非單一功能:將用例放在一個(gè)具體的應(yīng)用情境或場景中,讓用戶能夠更容易地將其與自己的需求關(guān)聯(lián)起來。
- 寫個(gè)性化,而非泛泛之談:盡量展示多元化的用例,以覆蓋不同類型的目標(biāo)用戶或應(yīng)用場景。
2. HubSpot 落地頁解讀:如何運(yùn)用場景化策略吸引目標(biāo)用戶
HubSpot 是一家美國的軟件公司,是一家提供全方位 CRM、營銷自動(dòng)化、內(nèi)容管理等多元服務(wù)的軟件公司。
其產(chǎn)品主要針對企業(yè)的營銷、銷售和客服服務(wù)團(tuán)隊(duì)。落地頁作為潛在客戶的第一接觸點(diǎn),其設(shè)計(jì)顯然承載了大量的信息和策略。本文小吉將帶你深入剖析 HubSpot 落地頁的各個(gè)維度,以解釋為什么該公司會(huì)選擇以用例為主的方式設(shè)計(jì)落地頁。
這種 CRM 類、營銷自動(dòng)化的軟件,一般都有非常多的功能和應(yīng)用場景。而目標(biāo)客戶在進(jìn)落地頁之前,就已經(jīng)有使用場景的問題存在了,他們其實(shí)是抱著找答案的心態(tài)來的。比如比如一家中型企業(yè)的公司,擁有好多個(gè)社交媒體的賬號,想找一款工具,能夠幫助他們解決多賬戶內(nèi)容運(yùn)營和管理的問題。
在這種場景下,以用例為主的方式設(shè)計(jì)落地頁,其實(shí)是把「參考答案」呈現(xiàn)在用戶面前,就如同在用戶的耳邊說:「你遇到的這個(gè)問題,我們有標(biāo)準(zhǔn)答案,不信你看」。
另外,他們在營銷的不同階段,針對不同的場景做了非常細(xì)致的拆分。比如這個(gè)頁面。
針對營銷階段售前、銷售時(shí)和銷售后,分別設(shè)置了市場用例、銷售用例和服務(wù)用例,另外還將日常運(yùn)營遇到的非常頭疼的問題,即內(nèi)容管理分發(fā)和數(shù)據(jù)化運(yùn)營模塊單獨(dú)拆分出兩個(gè)用例,方便不同的目標(biāo)用戶找到他們感興趣的內(nèi)容。
從整個(gè)落地頁的篇幅分布來看,整個(gè)落地頁 8 屏左右, 有 6 屏都在介紹各種用例,這也充分反映出 HubSpot 對用例的重視,以及對于場景化解決方案的核心策略。
這種對用例的重視,還體現(xiàn)在他們 Call to Action 上的文案——[Get a Deom],小吉嘗試了一下,這個(gè)鏈接跳轉(zhuǎn)后,會(huì)得到不同場景下的不同用戶使用案例,并自動(dòng)激活 14 天免費(fèi)試用高級會(huì)員的資格。
HubSpot 的落地頁設(shè)計(jì)展現(xiàn)了其對目標(biāo)用戶需求和使用場景的深刻理解。通過精心設(shè)計(jì)的用例、模塊化內(nèi)容和明確的行動(dòng)引導(dǎo),HubSpot 不僅讓潛在用戶快速了解其產(chǎn)品能做什么,還鼓勵(lì)他們盡快進(jìn)行實(shí)際體驗(yàn)。
對于那些功能多而全、服務(wù)場景比較復(fù)雜的產(chǎn)品,都可以試試 Hubspot 這種用例為王的方式。
3. Popsy 落地頁策略: 全靠用例也不是不行
Popsy 是一款無代碼網(wǎng)站構(gòu)建器,該構(gòu)建器具有類似于 Notion 的編輯器。用戶可以輕松地創(chuàng)建專業(yè)網(wǎng)站,無需編碼或設(shè)計(jì)技能。主要定位于獨(dú)立創(chuàng)客或者人數(shù)規(guī)模不大的用戶。落地頁非常簡單,甚至說簡陋也不為過。
第一屏把標(biāo)題、副標(biāo)題和產(chǎn)品特性給介紹完了。剩下用三屏展示用例,其目的也是非常直接,就是想讓用戶從模板中找到一個(gè)自己喜歡的,然后迅速上手去使用 popsy。這倒是給我們提供了一個(gè)思路,它這個(gè)產(chǎn)品,相較于同類型的競品,比如 bubble、webflow、framer 這樣的硬核無代碼構(gòu)建器,可以說是會(huì)被吊打。
所以與其花大版面吹噓自己有多厲害,不如省掉那些花里胡哨的,直接邀請用戶來試試看。對于具有讓用戶挑選性質(zhì)的產(chǎn)品,這種用例展示的方式可能會(huì)帶來轉(zhuǎn)化率的質(zhì)的提升。因?yàn)橛脩舾鼉A向于看到實(shí)際的應(yīng)用場景,而不是空洞的營銷語言。
另外說個(gè)小彩蛋,它們自己設(shè)計(jì)的一套 icon 還挺有趣的,而且這里面有非常多是跟設(shè)計(jì)創(chuàng)作有關(guān)的 icon,說明團(tuán)隊(duì)的組成成員中,有至少一位小伙伴是非常有設(shè)計(jì)情懷的,愛了愛了!
4. 拿來就能用的提示詞模板
5. 使用方式
第一步:將提示詞模板中 [] 全部填寫完畢,然后復(fù)制到 ChatGPT 中,發(fā)送出去。
第二步:將 ChatGPT 的結(jié)果提取出來,然后結(jié)合自己的文案,注入一點(diǎn)人味。
第三步:發(fā)布到自己的網(wǎng)站上,然后根據(jù)數(shù)據(jù)情況,適當(dāng)調(diào)整文案和案例詳情,持續(xù)迭代。
七、信用背書怎么收集?
1. 信用背書的實(shí)踐原則
- 尋找影響力,而非數(shù)量:與行業(yè)領(lǐng)袖、知名客戶或?qū)<医㈥P(guān)系,獲取他們的背書通常比大量無名氏的評價(jià)更具影響力。
- 求實(shí)際,而非空洞:確保你獲得的信用背書是基于具體的數(shù)據(jù)、案例或體驗(yàn),而不是模糊不清的贊美。
- 展示多元,而非單一:嘗試從不同的角度和不同類型的人物中獲取信用背書,以顯示產(chǎn)品或服務(wù)具有廣泛的應(yīng)用價(jià)值。
- 更新持續(xù),而非一次性:市場和客戶需求是不斷變化的,所以定期更新信用背書是必要的。
- 驗(yàn)證真實(shí),而非造假:確保所有的背書都是真實(shí)可信的,即使這意味著你需要花更多的時(shí)間去獲取它們。
- 清晰展示,而非混雜:背書應(yīng)該容易讀取和理解,避免與其他信息混雜,從而讓用戶更容易接受和信任。
自夸總是顯得很廉價(jià),但如果有別人夸你效果就不一樣了,邀請別人使用你的產(chǎn)品并獲得好的評價(jià),放在頁面中,會(huì)讓讀者更加信任你寫的內(nèi)容。
但很多小伙伴會(huì)疑問,你的產(chǎn)品沒發(fā)布的話,怎么獲得別人的評價(jià),國內(nèi)思路的一整個(gè)鏈路是,先埋頭做產(chǎn)品,等到到時(shí)候發(fā)布在公開說我們有一個(gè)產(chǎn)品,再來要評價(jià),那必然很難啊。
我們應(yīng)該摒棄這種思維模式,海外的產(chǎn)品。從開始制作的第一天就應(yīng)該學(xué)會(huì)銷售自己的產(chǎn)品了,比如在 ??(原名:Twitter) 用 build in public 的思維方式公開你產(chǎn)品的整個(gè)鏈路。用戶參與了你的整個(gè)創(chuàng)作過程,等到你后來發(fā)布產(chǎn)品的時(shí)候,是不是更愿意在 product hunt 上給你的產(chǎn)品點(diǎn)贊了呢?
正確的鏈路是確認(rèn)了一個(gè)方向之后,通過良好的視覺展示,將你制作過程,在 ??(原名:Twitter) 或者別的社媒上發(fā)布出來,介紹你在制作過程中遇到的各種問題,介紹你的團(tuán)隊(duì),以及你為什么開發(fā)這個(gè)產(chǎn)品,用戶會(huì)更容易地與你的品牌建立聯(lián)系。
當(dāng)產(chǎn)品即將發(fā)布的時(shí)候,可以嘗試提供一個(gè)免費(fèi)試用或在線演示的選項(xiàng),讓用戶可以在做決定之前體驗(yàn)一下產(chǎn)品。即使你沒有很多用戶,也可以嘗試聯(lián)系那些早期的用戶,請求他們提供一些正面的反饋或評價(jià)。當(dāng)然這并不容易,尤其是大家母語都不是英語的情況下,更是如此??梢試L試?yán)?ChatGPT 幫你組織語言。
如果你的產(chǎn)品在某個(gè)垂類領(lǐng)域比較深的話,可以嘗試在正式發(fā)布之前邀請合作伙伴或行業(yè)專家使用你的產(chǎn)品。
跟 SEO 類似,有過權(quán)威認(rèn)證的大咖給你帶來的正面評價(jià),權(quán)重值總是要比普通人高很多。
這里在 再補(bǔ)充一點(diǎn),如果精力允許的話,可以盡早地開始通過社交媒體和郵件列表與潛在用戶建立聯(lián)系,以便在發(fā)布時(shí)有一個(gè)初始的、對你的產(chǎn)品感興趣的人群。如果你逛了足夠多的海外的網(wǎng)站,就會(huì)發(fā)現(xiàn)海外的網(wǎng)站上,有非常多的人都會(huì)收集用戶的郵箱,郵箱就類似于國內(nèi)的微信公眾號,在發(fā)布、更新等重大節(jié)點(diǎn)上,可以嘗試通過這些郵箱通知對你產(chǎn)品感興趣的目標(biāo)用戶。
2. 拿來就可以用的行動(dòng)方案
- 社交媒體預(yù)熱:在 ?? 或其他社交媒體上采用 Build in Public 的方式,公開你的產(chǎn)品開發(fā)進(jìn)度和目標(biāo),以吸引潛在的目標(biāo)的用戶。
- 初步接觸與篩選:找出行業(yè)領(lǐng)袖、專家和對你產(chǎn)品使用滿意的客戶,然后進(jìn)行初步接觸。這一步旨在確定誰最適合為你的產(chǎn)品或服務(wù)進(jìn)行背書。
- 收集案例與評價(jià):請求這些篩選出的個(gè)體提供基于他們實(shí)際使用經(jīng)驗(yàn)或場景的案例。確保評價(jià)是具體、實(shí)際的,而非模糊或空泛。
- 整合與展示:將收集到的評價(jià)或案例整理成易于閱讀和理解的形式,并展示在產(chǎn)品網(wǎng)站或營銷材料上。保證信息清晰、準(zhǔn)確。
- 定期更新與跟進(jìn):隨著產(chǎn)品的更新或服務(wù)的改進(jìn),與之前的評價(jià)人保持聯(lián)系,看看他們對最新版本的更新是否有什么別的意見,同時(shí),利用已經(jīng)建立的郵件列表或社交媒體關(guān)注者,定期推送最近的更新情況。
這個(gè) 5 步驟行動(dòng)計(jì)劃涵蓋了從開始階段到持續(xù)優(yōu)化的整個(gè)過程,希望能幫助你更有效地進(jìn)行信用背書這個(gè)模塊的構(gòu)建。
八、CTA 怎么寫?
等等,在寫 CTA 之前,你得先了解自己的目的。你是希望用戶購買你的新產(chǎn)品、注冊使用你的產(chǎn)品、訂閱你的郵箱亦或者是下載你的產(chǎn)品呢?以下是幾種常見的 CTA 的類型:
- 注冊:邀請您的讀者注冊免費(fèi)試用、未來活動(dòng)、在線課程或您可能擁有的任何其他優(yōu)惠。
- 加入我們:這一號召性用語非常適合那些管理在線社區(qū)或與多個(gè)用戶合作創(chuàng)建的產(chǎn)品的人。
- 訂閱:這是最常用的號召性用語,它邀請讀者接收您的定期更新。它非常適合建立受眾群體。
- 了解更多:如果您的目標(biāo)網(wǎng)頁沒有您想要提供的所有信息,請使用此號召性用語。邀請?jiān)L客訪問更多詳細(xì)信息。
- 免費(fèi)試用:提供免費(fèi)試用是建立信任和促進(jìn)銷售的絕佳方式。使用此有效的 CTA 鼓勵(lì)潛在客戶在購買前演示或試用您的產(chǎn)品。
- 開始使用:此號召性用語可以涵蓋或推動(dòng)多種行為,從虛擬體驗(yàn)到免費(fèi)試用。
1. CTA 撰寫原則
- 突出顯示:CTA 應(yīng)該在頁面上位置明顯,與其他元素形成對比,易于識別。
- 使用有力的動(dòng)詞:選擇具有緊迫感和激勵(lì)作用的動(dòng)詞,如“購買”、“立即下載”、“現(xiàn)在開始”。
- 限時(shí)性和稀缺性:創(chuàng)建一種緊迫感,讓用戶覺得必須立即行動(dòng)。
- 適當(dāng)?shù)某叽绾皖伾?/strong>CTA按鈕應(yīng)具有適當(dāng)?shù)某叽绾皖伾?,以便引起注意,但不要過于突兀。
2. 拿來就可以用的提示詞模板
九、新手常見的問題
1. 落地頁中信息太多怎么辦?
信息整合的大前提,前提一定是對信息內(nèi)容做出精簡。落地頁的信息太多,可能會(huì)分散用戶的注意力或令用戶感到困惑。假設(shè)你的內(nèi)容已經(jīng)完成了整個(gè)內(nèi)容的精簡后,那可以考慮網(wǎng)頁設(shè)計(jì)中的常見套路,這些套路可以幫助你在不讓頁面看起來太擁擠的情況下,呈現(xiàn)更多的內(nèi)容。
輪播圖
折疊內(nèi)容
懸浮提示
選項(xiàng)卡
2. 不會(huì)開發(fā)怎么快速搭建落地頁?
如果自己不擅長做這方面的事情,那就花點(diǎn)小錢,海外落地頁真的有非常多可以自己設(shè)計(jì)的工具,只要能夠滿足自己需求的,怎么快怎么來,有代碼能力的,就去 tainland 上找一些模板套一套。還可以使用 Webflow 平臺自己搭建。
沒有代碼能力但有設(shè)計(jì)能力的,可以考慮下Framer 平臺,它是小吉探索過 Figma → Web 最好用的一個(gè),沒有之一。 現(xiàn)在你看到的這個(gè)網(wǎng)頁,就是拿 Framer 搭建的,怎么樣,效果還不錯(cuò)吧?如果還是嫌麻煩,直接找模板即可,WordPress、Framer、Webflow 等模板社區(qū)都有非常好的案例,直接改就可以了,甚至現(xiàn)在還有很多 AI 工具支持用自然資源生成落地頁,比如這個(gè) ai2page。
如果你經(jīng)常逛海外的軟件領(lǐng)域就會(huì)發(fā)現(xiàn),他們的落地頁顏值普遍都很高,但并不是所有人都是設(shè)計(jì)師,之所以顏值高,很大概率是他們會(huì)考慮買設(shè)計(jì)師設(shè)計(jì)好的模板,亦或者把落地頁的設(shè)計(jì)交給更專業(yè)的人去做了。所以,既然選擇了海外的市場,就應(yīng)該盡可能讓自己看起來全球化一點(diǎn)。
當(dāng)然,落地頁不是銀彈,打鐵還得自身硬。產(chǎn)品打磨得足夠好,合適的利基市場,持續(xù)不斷地市場營銷策略等都是產(chǎn)品成敗的重要環(huán)節(jié)。
3. 看別人做的很好看,自己沒靈感怎么辦?
尋找靈感最好的方式,就是多看別人是怎么做的。尤其是當(dāng)自己沒有落地頁的搭建經(jīng)驗(yàn)時(shí),更是要多研究和參考別人已經(jīng)構(gòu)思好,并且上線的版本,大多都是經(jīng)過驗(yàn)證過對轉(zhuǎn)化有效果的,才會(huì)放出來。
所以多看,帶著具體的問題看,收獲最大。以下是小吉收集過濾后留下來比較精華的落地頁集合站,點(diǎn)擊卡片即可鏈接到對應(yīng)網(wǎng)站,相信對小伙伴會(huì)有幫助。
- Saaspo:專門收集SaaS落地頁的靈感,顏值非常能打,網(wǎng)站本身采用Framer制作,效果一級棒。
- Landingfolio:落地頁集合站,優(yōu)點(diǎn)在于針對落地頁做了細(xì)致地拆分,比如你只想看設(shè)計(jì)類、或移動(dòng)端的落地頁等。
- Curations:其實(shí)不算落地頁的集合,但小吉看這里面匯集的網(wǎng)頁,文案和設(shè)計(jì)都非常棒,感覺小伙伴可以學(xué)到很多,就列出來了。
- Godly:收集了非常多炫酷的落地頁,網(wǎng)站的擁有者貼心的針對每個(gè)網(wǎng)站的操作交互視頻的方式錄了下來,不用一個(gè)一個(gè)去點(diǎn)了。
以上就是小吉綜合了幾百個(gè)優(yōu)秀案例總結(jié)出來的落地頁手冊,文章還未完結(jié),后續(xù)會(huì)增加更多實(shí)戰(zhàn)模塊,建議收藏,以免錯(cuò)過!
原文地址:https://www.bmms.me/blog/landing-page
作者:張小吉
本文由 @張小吉 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。
- 目前還沒評論,等你發(fā)揮!