9最佳登陸頁面以及您可以從中學到什麼

沒有一種設計可以使著陸頁完美,但有一些關鍵因素可以提供幫助。

在過去的幾個月裡,我們在這裡討論了許多這些項目 WHSR,如:

目標網頁所需的其他一些元素不僅會抓住您網站訪問者的興趣,還會引導他們到達您希望他們去的地方並將其保留在那裡:

  • 優秀的頭條新聞
  • 副標題
  • 強大但精簡的著陸頁內容
  • 客戶評價
  • 簡單的導航
  • 視覺上令人愉悅的使用增加價值的圖像

了解如何構建美麗的目標網頁以獲得轉化的最佳方法之一是 研究其他企業的登陸頁面。 通過觀察他們做得對的事情,你可以重複他們的努力並且可能他們的成功。

Wishpond

wishpond登陸頁面

[圖標鏈接]網站網址: http://blog.wishpond.com/

當您訪問該網站時發生的第一件事是橙色框迎接您,要求您註冊博客並隨時了解情況。 導航很簡單,頁面頂部有一個精選的博客文章,以進一步吸引訪問者參加比賽。 對於這個登陸頁面似乎特別有效的是它沒有混亂。 您可以輕鬆找到要導航到的區域,重點是網站上的內容並訂閱它。 很明顯,Wishpond希望將訪問者轉變為訂閱者,並且具有獨特的關注點。

熊CSS

熊css
[圖標鏈接]網站網址:  http://bearcss.com/

Bear CSS 是一個允許人們轉換基本 HTML 文件轉換成 CSS 模板。 他們的登錄頁面清楚地表明了重點是什麼:上傳您的 HTML 文檔並立即進行轉換。 Bear CSS 對頁面上的項目進行了限制,因此您只關注“上傳 HTML”按鈕。 甚至熊也指向 CTA 按鈕以鼓勵您上傳文件。 使用指向或指向您的 CTA 的圖像非常有效地讓人們也查看該項目。 此頁面使用卡通人物,但您也可以使用真實人物的圖像。

PPC分析儀

ppc分析儀著陸

[圖標鏈接]網站網址:  http://www.ppcanalyzer.com/

PPC Analzyer使用封裝信息的概念。 像Unbounce這樣的網站推薦這種方法來吸引讀者的注意力。 例如,請注意淺藍色背景下的淺藍色框如何立即引人注目? 目標是讓網站訪問者註冊簡報。 一旦你完成了這個,你的眼睛會被三種可能性所吸引:

  • 提高轉換率
  • 降低成本
  • 省時間

蘋果

蘋果

[圖標鏈接]網站網址: http://apple.com

Apple對其目標網頁的關注通常集中在其最新產品版本上。 在上面的示例屏幕截圖中,它顯然是Apple Watch。 較小的圖像迎合了那些正在尋找其他信息的人,但有關新MacBook模型的信息。 產品的精美圖像可以鼓勵網站訪問者點擊該照片並了解有關該產品的更多信息。 請注意,導航很簡單。 單擊圖片並轉到該產品頁面或單擊頂部的鏈接。 沒有明亮的CTA按鈕吸引最新產品的注意力。

Unbounce

unbounce

[圖標鏈接]網站網址:  http://unbounce.com

唯一有意義的是,Unbounce將會擁有一個驚人的目標網頁,因為他們從事的是構建目標網頁的業務。 首次到達該站點時,焦點位於藍色帶和白色CTA上,橙色CTA要求您“立即構建高轉化著陸頁”。 但是,Unbounce所做的其他事情很有效,可以說服讀者您是合法的,也可以使用推薦書,包括提供反饋的照片。 這為證明書增加了有效性。 站點訪問者可以看到報價來自真實的人。

iCracked

icracked

[圖標鏈接]網站網址:  http://icracked.com

iCracked是一家替代破損的iPhone屏幕以及修復其他Apple設備的公司。 這裡的登陸頁面很簡單。 他們試圖做兩件事之一:

  • 向您提供維修設備的服務
  • 購買你不再需要的設備

此著陸頁還使用大型照片來設置色調,但它採用柔和的中性色調,吸引了兩種封裝選項。 CTA是鮮豔藍色和綠色的生動按鈕。

U型牽引

uhaul登陸

[圖標鏈接]網站網址:  http://uhaul.com

U-Haul在他們的登陸頁面上做了幾件不同的事情,這些事情特別有效,你可以在自己的網站上模仿。 首先,他們使用膠囊來分隔訪客可能正在尋找的不同東西,例如存儲或移動耗材。 他們還使用銷售貼紙來表明他們的最佳優惠,並吸引網站訪問者點擊鏈接。 這些照片是專業品質的,用於吸引文字,例如帶有面向不同移動供應鏈接的盒子的女人。 最後,該頁面考慮了用戶角色。 一旦您打入所需的日期和位置,U-Haul可以幫助您預訂移動的卡車或拖車租賃。 導航很容易讓任何年齡的成年人輕鬆使用它。

大巴克

大巴克

[圖標鏈接]網站網址: http://bigbarker.com

當我第一次開始寫這個著陸頁的案例研究時,使用了很好的技術來創建轉換,我知道我想要包含一個突出信任因素的登陸頁面。 但是,我很難找到一個以對網站訪問者來說顯而易見的方式利用評論的方式。 我終於找到了對這個網站的引用 WordStream的,但他們對設計的評論並非100%正面。 我同意他們的觀點,這裡有一些可以改進的東西,包括一種更明顯的方式來訂購床並讓狗面對文本而不是遠離文本。

但是,此目標頁面的正確之處在於它增加了讀者將與之相關的一些信任因素。 首先,亞馬遜的平均評價為5星,並且在狗床的圖像下方突出顯示了這一點。 他們還添加了“ Google信譽商店”標語,以告知您他們在努力提高客戶滿意度方面表現出色。 他們用粗體字表示“保證”,並在頂部明確表示有10年保修,這是美國製造的優質床。 這些都是站點訪問者將響應的信任指標。 經過一些調整,該網站的轉化次數可能會大大增加。

Sharelock

sharelock

[圖標鏈接]網站網址:  https://sharelock.io/

Sharelock的登錄頁面為讀者提供了一些清晰的信息,而不使用千言萬語來完成該任務。 首先,Sharelock使用移動設備,這是許多類似產品無法實現的。 重點是加載到手機屏幕上的軟件照片。 然後用兩個句子向右移動,解釋了Sharelock的作用。 它加密私人信息。 最後,您可以從兩個膠囊中進行選擇,了解更多信息或創建自己的Sharelock以開始使用。 右上角還有一個小的下載鏈接,以及在Twitter上分享頁面的方式。 其他鏈接很小,灰色,左下角,以備不時之需。 該頁面非常簡單,您甚至無需向下滾動即可查看著陸頁上的所有內容。

繼續測試和學習

這些目標網頁示例可讓您了解可以在自己的目標網頁上添加的一些元素,以吸引訪問者參與某個操作,購買產品甚至更信任您。 但是,適用於某個網站的內容可能不適合您的訪問者群體。 當您添加新元素並嘗試新設計時, 繼續做A / B測試 看看什麼最適合你。

作者照片

文章 Lori Soard