石家莊給公司建網(wǎng)站 為您的應(yīng)用構(gòu)建具有視覺吸引力和高轉(zhuǎn)化率的著陸頁非常重要...
這個(gè)獨(dú)立頁面可能是整個(gè)業(yè)務(wù)或構(gòu)想成功與失敗之間的區(qū)別。
由于啟動(dòng)應(yīng)用需要大量的時(shí)間和金錢，因此此目標(biāo)網(wǎng)頁（又稱啟動(dòng)頁面）的執(zhí)行方式會(huì)承受很大壓力。
在本文中，我們將在線展示最迷人的著陸頁示例，并逐步引導(dǎo)您完成自己的構(gòu)建過程。
注意：目標(biāo)網(wǎng)頁樣式多種多樣。一些登陸頁面只需要一種形式和一些社會(huì)證明，因?yàn)閺V告將訪問者吸引到該頁面提供了足夠的上下文。其他頁面需要更多信息，尤其是對(duì)于復(fù)雜產(chǎn)品。在下面的更多內(nèi)容。
最佳應(yīng)用著陸頁示例
萬尼多
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
簡(jiǎn)單，直接的消息傳遞（無絨毛）
離散導(dǎo)航，使用戶專注于內(nèi)容
在首屏上方，集中號(hào)召性用語
產(chǎn)品（iPhone）的一半顯示在折疊上方，這鼓勵(lì)滾動(dòng)
左右對(duì)齊功能交替變化，保持用戶參與度
我們認(rèn)為他們可以做的事情可以改善頁面：
在報(bào)價(jià)中添加姓氏和照片以提高信譽(yù)
重復(fù)頁面底部的主要號(hào)召性用語（從應(yīng)用商店下載）
Tapcart
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
令人驚嘆的圖像，動(dòng)畫和效果
多個(gè)自動(dòng)播放的視頻展示了應(yīng)用程序的實(shí)際運(yùn)行
簡(jiǎn)單，結(jié)構(gòu)化的部分使此頁面易于理解
多個(gè)清晰的號(hào)召性用語
我們認(rèn)為他們可以做的事情可以改善頁面：
盡可能簡(jiǎn)單地重寫副本-“定制”之類的技術(shù)用語可能會(huì)使許多訪客感到困惑
起搏器
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
色彩鮮艷的美麗品牌吸引了用戶的注意
執(zhí)行良好的產(chǎn)品視頻展示了應(yīng)用程序功能
簡(jiǎn)短頁面，可指導(dǎo)您選擇不同的產(chǎn)品
獎(jiǎng)項(xiàng)部分傳達(dá)產(chǎn)品信譽(yù)（例如：Apple Design Awards 2015）
我們認(rèn)為他們可以做的事情可以改善頁面：
將號(hào)召性用語移動(dòng)到首屏上方，以避免滾動(dòng)
展示一些示例組合以激發(fā)潛在用戶
提及該應(yīng)用程序是免費(fèi)的！
Google Duo
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
您絕對(duì)不能錯(cuò)過的超大字體和產(chǎn)品圖片
令人振奮的強(qiáng)大消息傳遞
積極而引人注目的用戶參與度示例
精美的自動(dòng)播放視頻，展示了現(xiàn)場(chǎng)演示
我們認(rèn)為他們可以做的事情可以改善頁面：
在整個(gè)頁面中添加號(hào)召性用語
再次提及該產(chǎn)品是免費(fèi)的
使用較老的演員來傳達(dá)產(chǎn)品是用戶友好的
威斯蒂亞
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
沒有導(dǎo)航就不會(huì)分心
重點(diǎn)關(guān)注消息傳遞和轉(zhuǎn)換
滾動(dòng)使您進(jìn)入常見問題解答部分以進(jìn)行異議處理
我們認(rèn)為他們可以做的事情可以改善頁面：
添加社交注冊(cè)以幫助增加轉(zhuǎn)化
加強(qiáng)社會(huì)證明：“超過300,000個(gè)企業(yè)使用Wistia”
視力
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
驚人的設(shè)計(jì)和品牌
非常清晰的號(hào)召性用語
他們要求您提供“工作”電子郵件（作為與工作相關(guān)的協(xié)作工具，這是非常有用的信息）
社會(huì)證明加倍：數(shù)百萬人+大品牌
我們認(rèn)為他們可以做的事情可以改善頁面：
沒有*
*我們想到的一切，Invision已經(jīng)在測(cè)試中。在撰寫本文時(shí)，此頁面至少還有其他3個(gè)版本試圖優(yōu)化轉(zhuǎn)化。（稍后會(huì)詳細(xì)介紹A / B）
以下是其中一些版本：
（請(qǐng)注意，視頻是如何添加到左下角的）
（請(qǐng)注意主要CTA的更改方式）
邁樂
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
顏色一致性-大量使用白色，柔和的灰色和柔和的顏色
功能部分上的引人注目的懸停效果可幫助展示應(yīng)用程序中的不同屏幕
簡(jiǎn)單的“工作原理”解釋，通常被忽略
我們認(rèn)為他們可以做的事情可以改善頁面：
減少對(duì)庫存圖像的依賴，尤其是對(duì)客戶推薦書的依賴（快速的圖像搜索證明這些都是庫存的）
提供社交登錄或通過您的銀行應(yīng)用注冊(cè)的選項(xiàng)
通過重新配置內(nèi)容來提高頁面速度；此頁面的加載速度很慢，這可能會(huì)導(dǎo)致用戶在查看內(nèi)容之前跳出
松弛
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
簡(jiǎn)化的主要優(yōu)點(diǎn)和功能說明
英雄部分中的圖像選擇立即傳達(dá)了移動(dòng)和臺(tái)式機(jī)的兼容性
大量使用圖標(biāo)來展示集成（比文字更易于閱讀）
我們認(rèn)為他們可以做的事情可以改善頁面：
沒有*
*我們想到的一切，Slack已經(jīng)在測(cè)試。在撰寫本文時(shí)，此頁面至少還有其他兩個(gè)版本試圖優(yōu)化轉(zhuǎn)化。（稍后會(huì)詳細(xì)介紹A / B）
以下是其中一些版本：
（用各種插圖替換實(shí)際的產(chǎn)品照片）
（縮短頁面并添加顏色）
前臺(tái)應(yīng)用
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
簡(jiǎn)單注冊(cè)表格旁邊的關(guān)鍵消息，其中提到免費(fèi)試用
鏈接到G2 Crowd上的客戶評(píng)論
有力的社會(huì)證明
我們認(rèn)為他們可以做的事情可以改善頁面：
由于此應(yīng)用相當(dāng)復(fù)雜，因此請(qǐng)?jiān)黾右恍┊a(chǎn)品說明的頁面長(zhǎng)度
在表單中添加電話圖標(biāo)以保持與其他字段的一致性
將輔助文本添加到主要居中的產(chǎn)品快照中，因?yàn)樗坪鯖]有上下文，并且?guī)缀鯖]有指導(dǎo)
奇跡應(yīng)用
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
產(chǎn)品的視覺效果很好（記住一張圖片值一千字）
帶有固體按鈕副本的創(chuàng)意表格字段：“免費(fèi)入門”
“為什么奇跡”在導(dǎo)航中跳了出來。這是“功能”的有趣替代
我們認(rèn)為他們可以做的事情可以改善頁面：
重寫副本，以減少混亂。用戶必須立即知道您的工作以及為什么您比競(jìng)爭(zhēng)對(duì)手更好
如果不是明顯的列表或鏈接，請(qǐng)刪除文本旁邊的“>”符號(hào)。這些類型的符號(hào)可能會(huì)引起誤解，尤其是在突出顯示時(shí)
諾斯利
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
您無需注冊(cè)即可體驗(yàn)該產(chǎn)品！
強(qiáng)大的社會(huì)證據(jù)和報(bào)價(jià)
新聞通訊的號(hào)召性用語著眼于以下好處：“注冊(cè)以接收Noisli生產(chǎn)力黑客”
我們認(rèn)為他們可以做的事情可以改善頁面：
使主要號(hào)召性用語更加清晰可見，而無需滾動(dòng)
包含創(chuàng)建帳戶的提示，該提示會(huì)在約30秒后顯示
保持頁面最新！“ @ 2014 Noisly LTD”在2018年表現(xiàn)不佳
保持
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
每個(gè)新內(nèi)容部分的背景顏色都會(huì)發(fā)生變化，從而使閱讀更加集中
帶有自定義字體和插圖的創(chuàng)意設(shè)計(jì)
頁面下半部分的副本
我們認(rèn)為他們可以做的事情可以改善頁面：
在“英雄”部分添加更好的標(biāo)題和號(hào)召性用語
附上產(chǎn)品說明視頻，這對(duì)此類產(chǎn)品確實(shí)有幫助
將http：//版本重定向到安全的https：//版本-這是一個(gè)安全應(yīng)用
國際金融貿(mào)易展覽會(huì)
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
超大字體，非常易于閱讀
社交注冊(cè)-大量使用“繼續(xù)”一詞代替注冊(cè)
演示了用例以突出產(chǎn)品的好處
我們認(rèn)為他們可以做的事情可以改善頁面：
提高字體的響應(yīng)能力-在較大的屏幕上，縮放后的字體可能會(huì)過多
添加常見問題部分或說明視頻，重點(diǎn)介紹能夠使用此應(yīng)用所需的技術(shù)經(jīng)驗(yàn)
相機(jī)+
為什么這是一個(gè)很棒的目標(biāo)網(wǎng)頁：
驚人的顏色，漸變和視覺效果
巧妙使用“工具提示”突出顯示應(yīng)用程序中的不同功能
使用應(yīng)用程序編輯的圖像示例前后的交互式
使用標(biāo)題旁邊的圖標(biāo)進(jìn)行快速掃描
我們認(rèn)為他們可以做的事情可以改善頁面：
重新考慮“博客”標(biāo)題或添加更多內(nèi)容-它僅包含一個(gè)條目
使用社交證明來轉(zhuǎn)換更多不確定的用戶
如何建立自己的登陸頁面
步驟1.收集信息
在開始構(gòu)建登錄頁面之前，請(qǐng)務(wù)必問幾個(gè)問題，以了解該頁面的目的以及它將包含的內(nèi)容是很重要的。
您在賣什么/促銷什么？
首先與您的團(tuán)隊(duì)創(chuàng)建一個(gè)協(xié)作文檔（例如 Google Doc），以明確突出您的獨(dú)特銷售主張（USP）。該文檔應(yīng)包含您的關(guān)鍵消息傳遞，功能和優(yōu)勢(shì)。頁面的長(zhǎng)度應(yīng)由您的產(chǎn)品提供的功能數(shù)量以及產(chǎn)品的復(fù)雜程度來確定。
誰來查看您的目標(biāo)網(wǎng)頁？
該頁面將作為您的主要網(wǎng)站，還是人們?yōu)g覽廣告后登陸的頁面？例如，如果您的廣告是說明性視頻，則目標(biāo)網(wǎng)頁可能比僅基于文本或展示廣告的目標(biāo)網(wǎng)頁短得多。
你有什么資源？（人物，視覺效果，視頻，副本）
根據(jù)您企業(yè)的規(guī)模和財(cái)務(wù)資源，您可能會(huì)或可能不會(huì)接觸專業(yè)攝影師，設(shè)計(jì)師，開發(fā)商，攝像師和作家。構(gòu)建頁面時(shí)，必須考慮這些元素。如果資源有限，最好從小處著手，逐步建立具有更多元素或復(fù)雜性的事物。
第2步：對(duì)目標(biāo)網(wǎng)頁進(jìn)行線框設(shè)計(jì)或原型
無論您是自己設(shè)計(jì)頁面還是依靠專業(yè)人員，第一步通常都是從白板或筆和紙開始。以這種方式設(shè)計(jì)將允許多次迭代，然后再?zèng)Q定將模型移至功能更強(qiáng)大的設(shè)計(jì)軟件
在每個(gè)步驟中，與他人討論您的想法很重要，因?yàn)榻ㄔO(shè)性合作總是可以帶來更好的結(jié)果。
一旦您對(duì)初始模型感到滿意，大多數(shù)專業(yè)人士將 依賴于預(yù)先建立的視覺效果和副本，決定使用 Photoshop 或 Sketch創(chuàng)建著陸頁的視覺表示。設(shè)計(jì)完成后，設(shè)計(jì)人員通常會(huì)導(dǎo)入InVision等工具 來創(chuàng)建交互式原型并收集反饋。
另一方面，非設(shè)計(jì)師以及越來越多的創(chuàng)意專業(yè)人員已開始通過在諸如PageCloud的網(wǎng)站構(gòu)建平臺(tái)中創(chuàng)建實(shí)時(shí)模型來繞過這些步驟 。
諸如PageCloud之類的平臺(tái)允許用戶在所有人都對(duì)設(shè)計(jì)感到滿意時(shí)直接點(diǎn)擊發(fā)布。無需再次設(shè)計(jì)頁面或?qū)⑵浣唤o開發(fā)人員實(shí)施。
*注意：如果您不需要的是自定義登錄頁面，則網(wǎng)上會(huì)有大量的預(yù)制模板和設(shè)計(jì)。這可能是快速入門的好方法，但請(qǐng)確保與此設(shè)計(jì)相關(guān)的平臺(tái)足夠靈活，以使您可以輕松自定義和擴(kuò)展目標(biāo)頁面。
步驟3.選擇您的網(wǎng)站建設(shè)平臺(tái)
如果您決定使用Photoshop和Invision之類的工具進(jìn)行線框圖繪制，那么現(xiàn)在該選擇要用于構(gòu)建和托管網(wǎng)站的平臺(tái)。
這里有很多選擇。例如，本文中的某些登錄頁面是由開發(fā)人員自定義構(gòu)建的，而其他登錄頁面是使用WordPress，Shopify或PageCloud之類的工具構(gòu)建的。
如果您正在尋找一個(gè)可供初學(xué)者，設(shè)計(jì)人員和開發(fā)人員使用的簡(jiǎn)單選項(xiàng)，我們建議您使用 PageCloud。這樣，您可以輕松地從小規(guī)模開始，并將您的自定義登錄頁面擴(kuò)展到功能齊全的網(wǎng)站。
以下是一些使用PageCloud構(gòu)建引人入勝的著陸頁的應(yīng)用程序：
梅森基
萬得
步驟4.發(fā)布并優(yōu)化您的目標(biāo)網(wǎng)頁
講完構(gòu)建網(wǎng)站的基礎(chǔ)知識(shí)（包括 連接自定義域 和 優(yōu)化頁面上的SEO）后，就該發(fā)布目標(biāo)網(wǎng)頁了！
但是，如果您確實(shí)要確保目標(biāo)網(wǎng)頁的性能良好，那么它就不止于此了。
為了最大程度地提高目標(biāo)網(wǎng)頁上的轉(zhuǎn)化率，重要的是始終運(yùn)行測(cè)試以查看是否可以提高性能-就像上面提到的Invision和Slack一樣。
為了幫助運(yùn)行這些測(cè)試，在線提供了多種工具。
在PageCloud，我們喜歡 Google Optimize， 因?yàn)樗试S您運(yùn)行多達(dá)5個(gè)免費(fèi)實(shí)驗(yàn)。
這就是我們繼續(xù)改善登錄頁面的方式，該登錄頁面當(dāng)然是使用PageCloud構(gòu)建的。
看一看：
感覺受到啟發(fā)？立即構(gòu)建自己的 自定義目標(biāo)網(wǎng)頁 ！
