新網站的landing page應該如何設計?

產品還在調試階段,希望做一個landing page,供種子用戶關注官方微博,了解產品,同主創交流等等。問題是:1、功能設計:社區類的網站(類似豆瓣)landing page一般包含哪些功能元素?2、視覺設計:如何設計效果更好?3、還有其他哪些要注意的點?


Landing Page 是一次廣告,或者一次活動中讓受眾單獨訪問的頁面。

用戶通過其他渠道(在社交媒體上發布的鏈接,google
adwords,或者搜索相應的關鍵詞)
點擊鏈接來到網站,在第一次面對網站主頁的時候,對網站或者活動的信息了解可能並不充分,不知道需要點擊哪個鏈接來完成他的目的。所以建立一個中間層,讓用戶充分的接觸到信息,鼓動用戶參與活動或者註冊。


針對不同的主題(不同的關鍵詞,不同的人群,不同的渠道)需要製作不同的landing
page 以提供更有針對性的內容, 以及增加對搜索關鍵詞的回應。比如說搜索引擎的關鍵詞廣告, 可能對購買的不同關鍵詞需要不同的landing
page。 在合作網站上的廣告或者鏈接,他們的受眾會比較明確,中國人法國人,某個學校的人,某個地區的人,那麼對應的landing
page 需要針對性的內容。 某次推廣活動發布出去的鏈接, landingpage 內容需要跟活動相關。

---舉例說明---

就像擺在餐館門口的菜單(landing
page),如果不分輕重的給出200個菜名(網站的功能特性),食客會很難在這200個菜里找到自己喜歡吃的(用戶需要的功能特性)。匆匆路過,根本看不到裡面有什麼(轉化率低)。 而如果我們在餐館不同門口(不同的流量入口),根據路人的偏好,給出幾張大圖和菜品介紹和其他知名食客的讚美等信息,就能第一時間抓住食客的眼睛,刺激食客進門消費(轉化率高)。

---例子結束---

Landing Page 的設計

需要將訪客最關注的內容放置到最醒目的位置。頁面開頭要包括和用戶相關的內容。用戶搜索的關鍵詞,用戶要參加的活動,用戶的屬性,比如法國留學生最愛的xxx, 法國最大的約炮平台,等等。


一兩句話簡短的產品介紹。 經過18年的潛心研究,我們推出了吃了後上可入天摘星,下可潛海抓龍的 水陸霸王豬肉包。非常適合苦逼留學生常備冰箱。 建議穆斯林朋友不要嘗試。

{獲取試吃按鈕}


產品特性 :

  1. 全法排名第一的包子店
  2. 肉最多的包子
  3. 18歲的少女揉面,
  4. 採用陳洪的優質後腿肉
  5. 3千萬用戶的選擇,98%滿意率
  6. 不好吃不要錢

產品圖片:

用戶評價

四顆星,吃了這個包子,一個月都不餓了。 ------
不喜歡做飯的冷帥

五顆星,我就是個學渣(給訪客代入感),大家都說吃了這個包子,考試不掛科。本來我是不信的,就當普通包子吃了,反正就兩塊錢,沒什麼損失(打消用戶疑慮)。沒想到考試的時候真的有如神助,一科都沒掛,還有一科拿到了18分(現身說法體現產品給用戶帶來了什麼)。--------------- 學渣平東輝

三顆星,哪有那麼多陳洪優質後腿給你做包子(代入用戶疑慮),不過挺好吃的倒是(側面吸引用戶嘗試)------------------------ 食神

代入用戶的不同需求,打消用戶疑慮。

{獲取免費試吃按鈕}

在頁尾再次提醒用戶點擊按鈕,提高用戶轉化率

通過landing
page 的設計 回答用戶這些問題 :

如果客戶對你推廣的東西感興趣,那麼他會想知道關於該產品的信息?
什麼是阻止他們購買產品的障礙?

這個產品對他們的生活會有什麼樣的提高?
這個產品的特色是什麼,這正是客戶所想要的嗎?
購買這個產品會有什麼樣的風險嗎?

PS嘮叨話:

1, 要加入統計代碼, 統計用戶來源,去向,鏈接的點擊率等等信息。

2, 製作多個版本,對比統計信息,尋找最優版本。


如何製作landing Page,推薦閱讀以下2篇文章:
10分鐘深入理解Landing Page
如何打造價值上萬元的Landing Page

根據以上兩篇文章,我加入一些自己的理解以及整合

1、什麼是LandingPage?
LandingPage 是為滿足特定營銷目標轉化而製作的頁面。
廣義上說,所有用戶進入網站的第一個頁面(首頁)都是LandingPage。
這個頁面可能是主頁、產品詳情頁、廣告專題頁等...這取決於產品的性質。

而具體來說的LandingPage,通常是用戶通過搜索、點擊廣告、分享等渠道方式進入網站後的一個展示頁面。這個頁面通常會有明確的目的,是滿足特定營銷目標轉化的。

一般會有最多一到兩個CTA按鈕(Call To Action)
其目的會包括:

  • 讓用戶繼續深入訪問
  • 引導用戶購買
  • 獲取用戶的個人信息或註冊
  • 讓用戶分享或評論
  • 以及其它能帶來互動的一些類似形為...

2、如何設計LandingPage?

在設計時,思考4個元素

理解--&>邏輯--&>保障--&>壓迫


1、理解

  • 產品的對象(用戶)是誰?
  • 要解決的問題/要引導的主要轉化?
  • 這個人群最主要的顧慮?

依然可以沿用「5W2H1E」的方法思考
5W:who when where what why
2H: How How much
1E: Effect

關於理解,延展討論:
例如一個網站的首頁,可以思考4類用戶的使用

  1. 瀏覽者:他們可能是無意中來到的網站的,他們會隨意瀏覽,看這裡有沒有我要的東西。
  2. 比較者:他們之前得知過該網站,他們來看看你和競品有什麼不同,我為什麼要在你這裡獲得,或者說我為什麼要用你的?
  3. 用戶:這裡還區分一下新用戶和老用戶。新手用戶的需求是:教我怎麼用,讓我學會操作。而老用戶的需求:不要廢話,給我入口,讓我快速操作
  4. 已使用的用戶:他已經是網站的用戶了,需要保持其長久的滿意。他再來的時候,看看網站上有什麼繼續的營銷活動。他的售後問題能不能快速找到入口解決...等

2、邏輯
頁面的敘述方式需要遵循一定邏輯

我們能為你做什麼?--&> 為什麼選我們(列出優勢分點)--&>轉化(CTA)

轉化環節(Call To Action)最好在開頭和結束都放,B2B行業里有些人是想快速詢價的。我個人的建議是如果整個頁面幅度太長的話,最好將CTA做個頂部跟隨。不少網站喜歡隔一大段做一次轉化提醒,也是行的。畢竟每個人的G點都是不一樣的,你不知道何時會激活它,保證在任何時候他都能第一時間找到CTA。

3、保障

轉化不是憑空發生的,早在登錄你網站前,人們就具有實施或拒絕實施某項形為的傾向性。任何最小化打消疑慮的事情都有助於轉化。

我們不能期望人們採取什麼行動,
除非我們首先保證他的安全。

以下幾個因素可以影響用戶的轉化:

  • 品牌效應:

為什麼更多的人願意選擇品牌產品,因為他們知道品牌產品在質量和服務上有保障。這這裡消費,我是安全的。
越是陌生的產品,客戶越是需要保障,比如一款他從沒接觸過的SAAS產品。這就是為什麼我們在國外的SAAS網站上看到的退貨保障特別多,3天,7天,1個月甚至365天無條件退款,還有各種任意時間的按比例退款。

  • 商業化水平

你的產品和服務是否夠獨特,那麼用戶轉化的行為會大幅度提高,因為他們選擇的餘地不大,而另尋的成本太高。

  • 用戶本身的意願

一個人的當前狀態足夠舒適,他是不太可能去改變什麼的,我們要指出他們的痛點,喚起他們的根本情緒。而激發人們行為的幾個關鍵情緒:恐懼、貪婪、內疚、憤怒等等


4、壓迫
給完保障,就要給壓迫。你給了用戶足夠多的保障,讓他決定冒險,這個時候不能給他冷靜思考的機會,需要從後面推他一把。
轉化是一個求快的過程。」立即「「馬上」是一些能給客戶帶來壓迫感的強暗示辭彙。同理還有「現在」、「只限今天」「前100名」等等,配合上優惠策略,效果還OK。
再有就是視覺壓迫,用來做CTA這個區域要是這個Landing Page裡面最凸顯的,能在現場完成的事情盡量不要跳轉到下一個頁面去,


我個人喜歡簡單的
最好是讓用戶可以一目了然,再看有慾望進入的。


推薦閱讀:

你寫論文時發現了哪些神網站?
如何使用cinii 搜索日語論文?
為什麼網站或App大都突出註冊框,而弱化登錄提示?
個人站長現在生存狀況是怎樣的?
如何製作一個網站?

TAG:網頁設計 | 搜索引擎營銷SEM | 搜索引擎優化SEO | 網站 | 著陸頁面LandingPage |