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

文章撰寫者:
  • 博客技巧
  • 更新:2月21,2017

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

過去幾個月我們在WHSR上討論了很多這些項目,例如:

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

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

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

Wishpond

wishpond登陸頁面

[icon link]網站網址: http://blog.wishpond.com/

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

熊CSS

熊css
[icon link]網站網址: http://bearcss.com/

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

PPC分析儀

ppc分析儀著陸

[icon link]網站網址: http://www.ppcanalyzer.com/

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

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

Apple蘋果

蘋果

[icon link]網站網址: http://apple.com

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

Unbounce

unbounce

[icon link]網站網址: http://unbounce.com

只有Unbounce有一個驚人的登陸頁面才有意義,因為他們正在構建登陸頁面。 當你第一次到達現場時,焦點在藍色帶上,白色和生動的橙色CTA要求你“立即建立一個高轉換著陸頁”。 然而,Unbounce做了一些其他方法,可以說服讀者你是合法的,也就是使用推薦書,包括提供反饋意見的照片。 這為推薦書添加了有效性元素。 網站訪問者可以看到報價來自真實的人。

iCracked

icracked

[icon link]網站網址: http://icracked.com

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

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

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

U型牽引

uhaul登陸

[icon link]網站網址: http://uhaul.com

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

大巴克

大巴克

[icon link]網站網址: http://bigbarker.com

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

但是,此目標網頁的功能是添加一些與讀者相關的信任因素。 首先,亞馬遜的平均評論是5明星,他們在他們的狗床形像下突出顯示。 他們還添加了“Google信任商店”橫幅,讓您知道他們在客戶滿意度方面努力工作。 他們用“保證”這個詞加粗,並在頂部明確表示有10年保修,這是一種優質的床,是美國製造的產品。 這些都是網站訪問者將響應的信任指標。 通過一些調整,該網站可以看到轉換量大幅增加。

Sharelock

sharelock

[icon link]網站網址: https://sharelock.io/

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

繼續測試和學習

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

關於Lori Soard

Lori Soard自1996以來一直擔任自由撰稿人和編輯。 她擁有英語教育學士學位和新聞學博士學位。 她的文章出現在報紙,雜誌和網上,她已經出版了幾本書。 自1997以來,她一直是作家和小企業的網頁設計師和推動者。 她甚至在短時間內為一個熱門的搜索引擎排名網站,並為許多客戶研究深入的SEO策略。 她喜歡聽讀者的意見。