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