Gogo Partners 夥伴行銷

讓你無法拒絕的吸引力:Landing page登陸頁面設計訣竅分享!

Written by Gogo Partners 夥伴行銷設計 | 17-10-13 上午6:37

你可曾有過,為什麼明明沒有預期要買某樣商品,卻因為進入網站看了介紹,最後忍不住就下單了?反之,有時候我們已經預設好要買某樣商品,卻在瀏覽網站的時候,在下單的最後一刻突然就不想購買了?

 

有時我們只是逛逛一些部落格或 B2B 的服務網站,卻不由自主的留下了個人資料?相信這些情況一定不止你一個人發生過,而且有做網路行銷的老闆們應該更想知道究竟是怎麼一回事!

 

很多時候,登陸頁面設計的好壞,取決於消費者是否會荷包失守或留下個資!


 

Landing page 的中文為「登陸頁面」亦稱為銷售頁、著陸頁面、到達頁面。講的是任何一個網頁,無論訪客是從哪個流量管道進來的(如:Facebook廣告、Google搜索等),能去引導訪客到達你設定目標的網頁就被稱做為登陸頁面(Landing Page)。例如:訂閱電子報、下載電子書、購買產品或註冊會員等。

 

在談登陸頁面的設計訣竅之前,首先要先了解登陸頁面的重要性。當訪客點擊網站連結時,我們不建議將訪客導入網站的主頁,原因如下:

 

  • 主頁有太多按鈕,怕客戶沒有頭緒的亂點,跑到毫無相關的頁面。當客戶迷路時,他們就會離開你的網頁,降低你的轉換率。

  • 首頁的內容無法客製化。客戶點擊廣告時,他們的目的是想延伸了解更多相關資訊。但網站首頁往往是一般的公司簡介,跟廣告內容不一定有關聯。

    (例如:廣告標題是「立即報名免費英文課試聽」,但點進去卻看不到報名表,只看到 XX 美語的創業理念。這時,大部分的人都會選擇離開。)

  • 做個簡單的結論:登錄頁面應該只有 1 個按鈕或目標,當內容與廣告有一致性時就能大幅提高轉換率。一般登入頁面都是下拉式的單頁網頁,如果客戶想了解更多細節,他們就會往下繼續看。

因此,你必須事先設想好你期望訪客為你達成的目標,也就是你期望訪客接下來要做些什麼事?當你擁有一個好的登陸頁面設計時,你便可促使訪客完成你所希望他們達成的目標!

 

如何設計最強登錄頁面 Landing Page?從這些細節去著手!

 

引人入勝的 landing page 標題

 

What is the value proposition?

 

你能「提供什麼價值」給客戶?標題文字是顧客決定是否要繼續閱讀內文的關鍵之一,所以標題一定要掌握「簡潔明瞭」這項大重點,需要一眼就可以知道登陸頁面所想要呈現什麼內容,使訪客猜想他們可能可以從中獲得什麼資訊或益處。

 

簡單舉例一間麻辣火鍋店家「販售優惠餐卷」的登錄頁面。

 

標題 #1不買會後悔之讓你辣翻天也嗨翻天!

 

標題 #2限時75折!預購麻辣火鍋優惠餐卷,平價也能享受頂級食材。

 

你覺得哪一個標題比較吸引人?我個人會選擇標題 #2,因為它簡單明瞭,而且一眼就能看出「價值與產品特點」。文案中成功做了三件事:

  1. 標題以75折這個數字來吸引我的注意力。

  2. 標題有清楚告訴我該做什麼 (我們稱之為Call-to-action,此文章下方有簡單介紹)。此文案的重點就是「請我們預購餐卷」。

  3. 標題成功的描述了此活動的價值:透過「預購」的方式讓我們花小錢也能享受頂級食材。

 

標題 #1 的缺點在於它的文字不夠清楚。例如:為什麼不買會後悔?辣翻天與嗨翻天這件事太主觀與抽象,感覺像是很一般的形容詞,缺乏細節與賣點。

 

搭配適當的圖片、短片或動畫

人是視覺性動物,圖像會是第一個被大腦處理的物件。當我們在登陸頁面置入符合主題的圖片、短片或是動畫時,會使訪客對於你所要提供的服務、產品有想像的雛形,進而更想要了解你的服務與產品。而有趣、有創意的影片最能抓住訪客在網頁停留的時間喔!

 

社交平台分享圖標

在頁面中加上社交平台(Facebook、Twitter、LinkedIn等)分享圖標,是一個提升登陸頁面被更多群眾看到的方法,進而提升流量。

 

移除分散注意力之因子

登陸頁面是一個很單純的頁面,你希望訪客可以為你達成目標,所以你絕對不會希望有任何會分散他們注意力的按鈕出現。網站導引中的選項:網站首頁、關於我們、聯絡我們等,這些可能會使訪客分心而離開登陸頁面並且一去不回頭了!所以將這些引導選項移除,讓訪客將注意力集中在網站內容中,使他們盡快地達成目標!

 

表單填寫內容設計

當登陸頁面是以下載電子書或訂閱電子報等方式與訪客交換資訊(如:姓名、電話、性別、電子郵件)時,我們該如何提供吸引人且有用的資訊,讓訪客願意填寫表單而不是關閉頁面離開呢?在設計表單填寫這一欄位時,請必須直接了當將登陸頁面的主要標題寫出來,並濃縮整個頁面所要呈現的資訊。

 

簡單舉例以學習「程式設計補習班」的登陸頁面來說,

 

主要標題:成為一位頂尖的程式設計師!

濃縮資訊:4堂課,12小時的課程讓你試聽,100%完全免費。再搭配專屬的「職涯規劃師」為你規劃升遷藍圖!

公司已經很久沒為你加薪了嗎?在台灣不景氣的環境下要如何找到『高待遇』的優質工作?成為一位頂尖的程式設計師可以輕易的讓你年薪突破一百萬!

留下訪客個資內容:我希望了解更多資訊,請先幫我預留免費名額,並且請職涯規劃師與我電話聯絡。

 

利用動詞打造CTA

CTA (Call-To-Action) 中文稱為行動按鈕或行動呼籲,主要目的是希望訪客按下按鈕,如:訂閱電子報、下載電子書或購買商品等行動,而透過動詞的呈現(例如:立即訂閱、馬上下載等)促使消費者趕快按下行動按鈕,將會帶來更好的成效!


給不熟悉行銷的朋友:CTA (Call-to-action) 很簡單,不複雜,它只是一個名詞。它的概念就是要「指定客戶」做下一步的動作。CTA 可以是一句話,一個按鈕,或是一個張圖片。當我們告訴客戶該如何「繼續」時,客戶聽話做出下一步動作的機率將大幅提高。

 

測試比較登陸頁面

然而我們設計的登陸頁面,我們並不了解消費者是否願意買單,這當中有許多的物件可以拿來做測試 (如:行動按鈕、標題、圖片等)。透過 AB 測試這項工具來了解訪客的偏好,意思就是說,登陸頁面不僅僅只可以設計一種版本!

 

在選擇繁多的時代,一旦讓訪客猶豫、離開頁面,便很容易一去不復返。Landing page 登陸頁面所需要設計的物件看似簡單又不複雜,但要設計出一個好的登陸頁面,並能促使訪客達成目標卻不是件容易的事。因此設計 landing page 需要有足夠的耐心並持續的做測試,相信訪客一定會接受引導並為你達成目標!

 

想了解如何提升轉換率,獲得更多的客戶名單嗎?歡迎點選以下連結下載我們製作的免費電子書喔。如果喜歡我們的文章,也可以在下方訂閱我們的部落格,我們會與大家定期分享網路行銷的經驗。