如何設計一個轉化率飆升的登陸頁面

已發表: 2021-10-29

在這段視頻中,來自 WebFX Interactive 團隊的 Jaci 提供了六個技巧,介紹瞭如何設計一個能夠吸引一些主要麵團的登錄頁面。

成績單:出色的著陸頁設計可以使您的業務從銷售低迷轉變為新客戶的爆炸式增長。 我在這里為您提供有關如何設計可轉化的目標網頁的六個提示,以便您可以看到更多的潛在客戶、銷售額和收入。 我也有一些現實世界的例子要分享,這樣你就可以更具體地了解每個技巧在行動中的樣子。 讓我們從第一條提示開始吧!

1. 將您的目標網頁與您的廣告、電子郵件或其他內容相匹配

如果你去圍巾店卻發現他們真的賣帽子,你會有什麼感覺? 我肯定會感到困惑,也許有點沮喪。

如果您的目標網頁與某人點擊的廣告完全無關,人們會有同樣的感覺。

如果您有關於圍巾銷售的廣告或發送電子郵件,並且該鏈接將人們發送到包含您銷售的所有服裝的頁面,那麼您可能不會獲得您希望的圍巾銷售增長。

號召性用語也是如此。 如果您的廣告、電子郵件或其他內容專注於吸引人們進行購買,那麼著陸頁應該是人們可以購買商品的地方。

如果您希望人們通過您的廣告與您聯繫,您的目標網頁應包含一個表格或信息,告訴人們如何联系您。

在潘婷的這則 Facebook 廣告中,該公司正試圖增加其產品在 Costco 的銷售,並從廣告鏈接到 Costco 頁面,在那裡有人可以進行購買。

在 Costco 銷售的潘婷產品的 Facebook 廣告和登陸頁面

它清晰、簡單且具有凝聚力。

2.包括一個號召性用語(CTA)

您不想在您的網站登陸頁面上為您的受眾提供太多選擇。 選擇一個號召性用語並堅持下去。

這樣,您可以將更多精力放在讓人們做一件事上,而不是分散他們的注意力並損害您的消息傳遞和設計的有效性。

這個 Wistia 登陸頁面在保持簡短和甜蜜方面做得很好。 它希望用戶採取一項行動:取得聯繫。

Wistia 的登陸頁面

頁面上的所有內容都針對這一操作。

3. 寫好文案

要設計可轉化的登錄頁面,您需要給人們一個轉化的理由——當然,還要讓它變得簡單 您的副本在說服人們向您提供他們的信息(或他們的錢)方面發揮了重要作用。 首先,確保你告訴人們他們正在做什麼。

無論是在線課程還是電子郵件通訊,人們都應該了解您從著陸頁設計中提供的內容。 其次,識別和使用價值主張

基本上,問問自己是什麼讓您的企業在競爭對手中脫穎而出。

您的產品或服務如何讓人們的生活更美好? 你提供免費的東西嗎? 您的諮詢過程是否快捷方便?

A hrefs 為所有技能水平的營銷人員提供了強大的數字營銷工具。 宣傳他們的免費工具廣告將人們帶到一個充滿精彩副本的登錄頁面

Ahrefs 的廣告和登錄頁面

他們的大標題告訴您該頁面具有免費的 SEO 工具,並且清晰標記的鏈接將您帶到他們提供的每個工具。

對於價值,Ahrefs 告訴你,你可以免費提高排名,獲得更多流量。 當您撰寫出色的文案時,您的客戶從您的業務中獲得了什麼是毫無疑問的。

4.避免混亂你的設計

繁忙、笨拙的網頁設計的日子已經一去不復返了。 讓您的內容呼吸。 您不需要用不必要的圖標或圖像填充您的頁面。 除非你是耶魯藝術學院

耶魯藝術學院網站

提供網站空間的不同部分可以幫助您引起對特定元素的關注。 它使事情更容易閱讀,甚至可以提高閱讀理解力

請注意此斐濟水廣告的著陸頁佈局如何不使用大量圖片。

設計簡潔大量未使用的空間,讓產品和產品細節脫穎而出。

斐濟水登陸頁面

此外,空白空間不必是白色的。 它只是我們用來描述頁面中沒有任何圖片或其他元素的部分的術語。

5. 明智地使用顏色

顏色可以使人們以不同的方式感受和行動。 如果使用得當,它們可以提高閱讀理解能力、學習能力並影響人們的情緒。

使用對比色也可以引起對網站特定區域的關注。 讓我們看看LEGO 創建的這個頁面,以及它的宣傳建築競賽的廣告

我顯然不會進入。

 樂高競賽的登陸頁面

向下滾動時,您會看到三個橙色按鈕,讓您可以選擇上傳或分享您的內容並參加比賽。

樂高登陸頁面上的橙色按鈕

橙色按鈕在藍色背景下顯得格外醒目,因為它們是高對比度的互補色,這意味著它們位於色輪的相對兩側 對比色清楚地表明這些按鈕很重要。

深入研究色彩心理學,橙色往往代表興奮和熱情。

營銷人員用它來營造友好、愉快的品牌感覺。

有什麼比使用反映興奮的顏色更好的方式來激發比賽的興奮? 您可以在我們的網站上了解有關色彩心理學的更多信息

6.提供視覺提示

這是一個視覺提示。 我假設你朝我指的方向看。

當你設計一個登陸頁面時,你應該考慮在頁面上戰略性地放置圖形和圖像,這樣它們就可以將人們的視線引導到重要的或可點擊的元素上。 您可能首先想到的是箭頭。 這是告訴人們您希望他們的眼睛和鼠標去哪裡的明顯方式。

但你不必那麼顯眼。 如果您想在您的網站上使用照片,請使元素與您的按鈕或重要文本成角度。

讓照片中的人直接查看頁面中最重要的部分。 他們甚至可以像我不久前那樣指出。 在 Gucci 的網站上,您可以看到該公司使用鞋子的圖片來宣傳其女鞋系列。

Gucci 廣告的登陸頁面

但是,如果您仔細觀察,您會注意到鞋子的角度朝向“商店”按鈕。

它們巧妙地將您的注意力吸引到可點擊元素上,無論這是否是初衷。 我希望所有這些示例都能讓您更好地了解如何設計登錄頁面。

我給你的最後一條建議是測試一切。

如果它不起作用,您不必選擇一種設計並堅持下去。

Google OptimizeVWO等測試工具可以幫助您確定哪些設計最適合您的網站訪問者。 像這樣運行測試是轉化率優化的一部分,您可以在我們的其他一些視頻中了解這一點 如果您正在尋找一個設計師團隊來幫助您創建可轉換的登錄頁面,請不要猶豫,通過視頻說明中的鏈接與我們聯繫。

最後,別忘了訂閱我們的YouTube 頻道和我們的電子郵件通訊《收入周刊》。 也可以在描述中獲取“收入周刊”的鏈接 下次見!