5個偉大的登陸頁面的例子以及我們可以從中學到什麼

已發表: 2017-06-08

有效的登錄頁面可以幫助您為用戶提供更相關的網站體驗和更有針對性的營銷。 通過讓您的訪問者做出選擇或輸入數據,您可以確定接下來應該為他們提供哪些內容,並進一步往下走。 您還可以推斷如何通過數字營銷來定位他們。

在本文中,我們將討論 5 個登錄頁面示例,這些示例使用出色的設計和策略來收集信息、提高轉化率並引導用戶獲得正確的體驗。 留意其中一些表面上非常不同的網站的共同策略。

套件

也許不足為奇的是,最典型的登陸頁面通常可以在 B2B 營銷工具提供商的網站上找到。 以 Hootsuite 中的這顆寶石為例。

Hootsuite 的登錄頁面有很多值得讚的地方。 看看那個標題:“在一個地方管理你所有的社交媒體”。 它會立即告訴讀者該網頁的確切內容,從而有效地吸引相關訪問者,同時勸阻那些永遠不可能轉換的人。 [H2]後面有更多細節(“尋找潛在客戶”、“幫助你做更多事情”),這些細節嘲弄了產品更廣泛的功能。 將強調品牌基本戰略地位的標題與展示產品深度的子標題相結合可以非常有效。

呼應 CTA

看一眼這個登錄頁面,您會很快注意到標題橫幅中的 CTA 按鈕:“開始您的 30 天免費試用”和“比較計劃”。 這些按鈕本身執行得很好。 您認為 Hootsuite 最希望您點擊兩者中的哪一個? 如果你和我們一樣,你可能會說“綠色的”。 它脫穎而出。

轉化率優化專家對人們對其 CTA 按鈕中使用的顏色所產生的文化和本能聯想進行了非常深入的思考,但您可能沒有時間把事情做得那麼遠。 相反,我們建議讓您的開發團隊設置 A/B 實驗,以比較不同顏色的 CTA 按鈕在您的目標網頁上的效果。 隨著時間的推移,您將能夠看到哪些顏色從您的觀眾那裡收集到最佳點擊率。

現在,回到我們的 Hootsuite 登錄頁面,你們中的一些人可能已經註意到這些 CTA 不會只出現一次。 事實上,它們在頁面底部重複出現。

使用的副本和目標 URL 與標頭 CTA 中使用的完全相同,儘管樣式不同。 那麼為什麼要在同一個目標網頁上使用兩次相同的 CTA 呢?

顯而易見的答案是訪問者的易用性。 知道自己想試用產品或查看 Hootsuite 費率的人可以立即單擊標題 CTA 之一,而想先閱讀著陸頁內容的人可以先這樣做,然後單擊位置方便的 CTA 之一頁面下方的 CTA。 查看者可以輕鬆地在過程中被認為最有可能轉換的兩個點上找到一個按鈕。

在這些其他相似的 CTA 按鈕中使用不同的樣式這一事實很重要,因為在頁面上重複使用相同的按鈕會產生令人討厭的垃圾郵件效果。 就像迴聲一樣,迴聲 CTA 按鈕只有在以改變的形式返回時才會顯得自然。

領英

正如您所料,社交媒體登陸頁面都是為了讓新成員註冊。 LinkedIn 通過在其登陸頁面的中心放置一個註冊表單來清楚地展示了這一點。

這裡幾乎沒有什麼賣點——只有兩行簡短的文案,敦促訪問者“開始使用——它是免費的”和“擅長你所做的”。 這些命令旨在使讀者的思維過程保持清晰和主動。 讓我們開始吧,不要擔心隱藏成本,因為它是免費的

LinkedIn 登陸頁面的巧妙之處在於它使註冊過程對訪問者來說是多麼簡單。 只需填寫四個字段(名字、姓氏、電子郵件、密碼),然後點擊閃亮的金色(!)“立即加入”按鈕即可成為會員。 正如我們大多數人所知道的那樣,創建一個適合用途的 LinkedIn 個人資料遠不止輸入這些信息碎片,但他們的登陸頁面通過在關鍵的註冊第一階段只要求其中的一小部分內容來吸引高參與度.

面孔的海洋

我們認為有趣的是,這個登陸頁面的設計者選擇用一張頭像網格填充它的背景——大概展示了使用 LinkedIn 的人。 無論受試者是否是真正的成員,它們都提供了一種社會證明。 '我們都在 LinkedIn 上,加入我們吧! ' 模特們聰明伶俐,面帶微笑,傳達了成功的理念,對於任何考慮註冊 LinkedIn 帳戶的人來說,這肯定是一個重要的目標。

在這個登陸頁面上使用頭像的另一個巧妙之處在於它突出了LinkedIn最有價值的賣點:它的用戶網絡和他們所代表的商業機會。 LinkedIn 用戶希望深入了解新的和已建立的專業聯繫人的全球網絡 - 將註冊表單放在代表這些人的背景上,告訴查看者他們只需完成註冊過程即可獲得聯繫人和機會。

Spotify

來自 Spotify 的這個登陸頁面看起來有點奇怪……服裝可能不太適合辦公室,照片也不那麼自然,但音樂流媒體服務似乎採用了與 LinkedIn 非常相似的面孔網格作為登陸頁面背景。

Spotify 使用這種方法來推廣特定功能:他們的播放列表。 圖像中呈現的各種音樂風格向觀眾保證,一旦他們創建了 Spotify 帳戶,他們就能夠找到他們喜歡的音樂。

將最優惠的價格放在前面和中間

Spotify 的登陸頁面將該品牌引人注目的介紹性優惠——“3 個月的 Premium 0.99 英鎊”——置於非常顯眼的位置,作為標題輪播上的第一張幻燈片,該幻燈片在用戶手動向左或向右切換之前保持靜止。 這條信息的重點很明確。 用戶在不向下滾動或導航的情況下看不到太多其他信息,這使標題下方的“了解更多”CTA 按鈕更加突出。

在這個登陸頁面的案例中,以有吸引力的介紹性報價為先導是有意義的,因為很大一部分已經註冊的用戶肯定會在訪問 Spotify 網站之間保持登錄狀態,並且許多人會改用該應用程序。 這意味著最好的報價被轉發給合適的人,並提高了轉化的機會。

右移

我們敢說,網頁設計的黃金法則之一是:您可以使用戶的體驗更清晰、更簡單,他們就越有可能進行轉換。

這個來自房地產門戶網站 RightMove 的登陸頁面是一個很好的例子,說明瞭如何實現這一理想——尤其是頁面頂部的搜索框。 讓我們分解它的組成部分:

  • 標題 - “找到你的快樂” :強調尋找房產這一有時具有挑戰性的任務背後的積極成果
  • 副標題 - “在英國搜索待售和出租物業” :明確說明搜索工具的用途。 這句話也是 SEO 關鍵字和關鍵字組合的大雜燴,例如“搜索待售物業”、“待售物業”、待售物業英國等。
  • 搜索框:示例文案向訪問者展示如何使用搜索工具
  • 出售/出租按鈕:按意圖吸引訪客

在點擊“出售”或“出租”後,用戶會發現自己進入了一個更詳細的搜索選項屏幕,該屏幕敦促他們輸入詳細信息,例如臥室數量、搜索範圍和房產類型。 就像 LinkedIn 精簡的註冊框一樣,RightMove 搜索功能的簡化啟動旨在以明顯的易用性吸引訪問者,以增加參與度。

即使訪問者沒有在著陸頁之外繼續搜索,該網站也已經取得了巨大的營銷勝利:它已經收到了訪問者關於他們是想租還是買,以及他們正在尋找的區域的意見移動到。 與網站自動添加到用戶瀏覽器的跟踪 cookie 一起使用,這些詳細信息現在可用於向用戶提供有針對性的在線營銷,例如展示廣告。

愛彼迎

鑑於 AirBnb 的品牌簡潔明了,發現他們的主頁內容如此豐富也許有點令人驚訝。 向下滾動搜索欄和標題(這聽起來不就像兩個焦點小組的聲音粘在一起 - “預訂獨特的房屋並像當地人一樣體驗城市”?),你會發現一排突出不同方面的內容項目AirBnb 的產品——特色住宅、特定目的地指南、體驗等。 滾動瀏覽這些行感覺奇怪地類似於在 Netflix 上瀏覽要觀看的節目,我們認為這正是重點。

登陸頁面使訪問者沉浸在各種形式的豐富多彩內容的海洋中——它保持延遲加載內容,直到用戶滾動經過相當多的行,這增加了用戶找到他們想要的內容項的機會看法。 這些點擊可能會在短期內導致對話或進一步瀏覽; 如果做不到這一點,他們為 AirBnb 提供了有針對性的營銷基礎。 就像 Netflix 一樣,AirBnb 通過提供萬花筒般的精選品質來吸引用戶參與。

突出社區活動

AirBnb 作為一個網站和企業的活力是由用戶創造的——所以這個登陸頁面反復強調社區內容和互動也就不足為奇了,例如:

  • 在列表下方添加評論記錄和星級評分:信任是在線旅行預訂的一切,而 AirBnb 相對於更傳統的競爭對手真正擁有的一件事是其參與和喧囂的用戶社區。 登陸頁面上的所有相關列表都包含評論記錄和星級評分,從而突出了 AirBnb 設置的這種增強信任的方面。
  • 將名稱附加到打包的體驗中:查看 AirBnb 登錄頁面上的一些體驗類別,您會發現許多圖像中都包含體驗主人的名稱。 我們只能推測某人預訂酒莊之旅的可能性有多大,因為他們知道這是由一個名叫 Juan 的人組織的,但這種個性化確實實現的重要一件事是提醒觀眾所提供的體驗是來自社區的。
  • 用戶提交的指南:用戶編寫的指南不僅展示了某些 AirBnb 目的地的活力,還展示了居住在那裡的社區成員的活力。 廣泛的主題和目的地被用來創造廣泛的吸引力。


立即獲得您的免費會員資格 - 絕對不需要信用卡

  • 數字營銷工具包
  • 獨家直播視頻學習課程
  • 完整的數字營銷播客庫
  • 數字技能基準測試工具
  • 免費在線培訓課程

免費會員
信息圖