Landing Page - 你最該重視的生意門面
開篇的第一章，我想先談談在網上行銷，最容易被人忽視的一道工序。就是為你的產品做個「Landing Page」。
什麼是 Landing Page 呢？
Landing Page 就是指顧客點擊「行銷渠道上」（如廣告、Email...等等）上的連結後，「著陸」（Landing）的頁面。
也就是指使用者進入你的服務的第一頁：它有可能是你的網站官方首頁。但如果是賣商品的話，通常有些點擊進去的第一個頁面，就是產品頁。或者如果對方是報名網路上的課程活動的話，報名者通常就是直接到報名頁，而這時候報名頁就是你這個首頁的 Landing Page。
所以，Landing Page 可能會是：
- 首頁
- 註冊頁
- 報名頁
- 購買商品頁
- 軟體下載頁
Landing Page 的作用是什麼？
端看不同行銷手段，服務提供商會有不同的Landing Page，但無論如何這一頁的「目標」都在：
說服顧客，希望他們一秒鐘可以進行你指定的動作。
這些你想要導引顧客採取的行動通常會是：
- 購買付費
- 註冊帳號
- 進行軟體下載
- 填寫Email
- 訂閱電子報
如果你是開一間餐廳的話，Landing Page 就是外面擺的攬客招牌，讓顧客秒懂你賣什麼，而且一秒鐘就下定決心走進來消費。
多數人行銷的致命缺點：以為使用者會秒懂你的產品。
我們都同意，餐廳擺一個能夠瞬間吸客的招牌，是非常重要的。但是我在網路上，看到許多人賣東西卻不是這樣做的：
- 他們常常委託廣告公司狂下廣告，連結卻連結到毫無吸引力什麼敘述也沒有的商品頁面（放在外面設計的亂七八糟的商城上）。
- 或者是直接連結到沒有丁點活動資訊的購票連結上
甚至更糟糕的例子是這樣的，乍看之下很正常，要檢討也直覺上看不出這網站有什麼「大問題」，但是卻沒有人使用。
這是我一個朋友之前創業失敗的網站的例子，主題是經營一個上課平台。
這是典型程序員會設計出的網站，看起來好像沒什麼問題？錯了，問題可大了！這個網站上架以後，很多人看不懂這個網站想要賣什麼。路過看了兩秒覺得「沒問題但也沒興趣」就默默走了。
許多程序員創業做網站的習慣，就是把產品內容直接揭露出來，要使用者一進來就開始「自發懂得如何使用」，卻不給任何引導，然後就開始投廣告說這是我要賣的東西。
我想恐怕沒有顧客能夠理解你到底想賣什麼？
空蕩簡陋的店面：讓顧客滿腹疑慮、沒有信心
我舉個讓各位更能夠理解的例子吧。這是一張我在網路上隨手谷歌來的照片，如果你在路上逛街時，逛到後這樣一家小吃店：裡面只有擺幾張桌子椅子，沒有菜單也沒有價目表，你會進去消費嗎？
我想大多數人的答案都是：不會。
為什麼你不想進去那樣一家店？我想這是因為店面讓你有下面的感覺：
- 不知道這是不是一家店？
- 不知道裡面賣什麼？
- 不知道吃一頓飯花我多少錢？
- 不知道店家手藝好不好？
所以各位能 get 到問題點嗎？
店面醜不醜倒還是其次，最重要的是這樣一個什麼都沒說明的店面，讓顧客心中「充滿疑慮」。
那麼讓我們重新回來看這個空蕩的網站畫面：
這個網頁到底有什麼問題？
我搜集了一些朋友看到這個網頁第一時間的疑惑：
- 這裡是一個免費上課平台，還是付費上課平台？
- 這個課可以帶來給我的價值是什麼？
- 是線上，還是線下課程？
- 老師是從哪裡來的？
- 老師不開課了要怎樣退錢？
- 我要如何成為老師？
- 怎麼拆帳？
- 這平台是誰開的，會不會倒？
總之「滿腹疑慮、沒有信心」。
這就是為什麼新創網站，註冊轉換率不是很高的原因。因為這樣的網站就好像裸體在路上走一 樣。迫使使用者一進來要自己去了解這個服務的價值與使用方法，沒有耐性且充滿疑慮的人沒幾秒就關掉網頁離開。
不管你在外面投放的廣告詞，寫的再天花亂墜，都不會有人肯註冊的啊！因為沒人 get 得到重點，更害怕被你詐騙啊！
這幾乎是我見過所有網路創業者，成長漏水第一名的原因啊！如果你的生意積弱不振，看到這一章，我想請各位檢討一下，你的 Landing Page 是否合格呢？
合格的 Landing Page
比較常逛外國網站的網友，會很好奇一件事。就算外國網站首頁上面滿滿是英文，為什麼我還是很容易不小心就註冊甚至付款了呢？
其實，這真不是因為外國網站 UX（User Experience）比較厲害的原因，也不是因為他們視覺設計功力牛逼的關係！
而是他們的網站首頁，幾乎都遵循 Landing Page 的設計規劃在撰寫。Landing Page 是有套路的，而甚至這是一套能夠 Hack 顧客心智的套路，設計得宜顧客簡直會秒行動！
Landing Page 的標準結構
Landing Page 的基本結構可以分成六大塊，如果你一時想不到更好的設計，那麼依照這個標準結構做，就可以有一定的效果，他們分別是：
- 用一句話形容自己
- 使用這個服務（產品）的三大好處
- 敘述服務的運作原理或製作示意圖、示意影片
- 加上使用者見證或媒體報導
- CALL TO ACTION（呼喚來客行動的按鈕）
- 強化信心的補充：免費註冊或退款保證
注意！Landing Page的順序也很重要，如果從國內外成功案例來看，請務必先照此順序設計，否則無效。
例子 1：專案管理工具 Trello 的 Landing Page
Trello是一個相當方便的專案管理工具，很受用戶喜愛。
但是這樣一個全新概念的專案管理服務，是如何說服他人去使用呢？他們的Landing Page其實也就是跟隨上述的「說服顧客」標準流程。
下面讓我們來看看Trello怎麼做？
1. 一句話形容自己：
一打開Trello的首頁，我們可以看到他不是展示功能，而是先用一句關鍵的話來吸引用戶，他說：「Trello 不僅免費、使用上相當靈活，還可以視覺化的方式與他人共同管理所有事項。」
把這個服務最吸引人的效果，用有魅力的語句描述出來，即使還不太了解這個服務到底在做什麼的人，也會因為看到那個效果的描述，而想要更進一步捲動網頁瞭解看看。
2. 使用此服務的好處：
先引起來客的興趣，接著往下捲動網頁，Trello馬上秀出一張清晰易懂的圖，讓來客一眼就看出用Trello整理資料後的視覺效果，這個效果正是這個服務吸引人的好處。
3. 敘述運作原理：
來客對這個服務開始有信心了，於是Trello在接下來的頁面開始切入服務裡的一些重點功能，讓用戶了解這個服務可以做到哪些專案與時間管理。
4. 使用者見證：
來客對這個服務的功能也開始瞭解了，於是Trello進一步消除用戶疑慮，提出了對這個服務有好評的專業媒體或用戶見證。
5. CALL TO ACTION 與消除疑慮：
當來客對這個服務已經有興趣，且有信心，那麼別忘了這時候補上一個「呼喚註冊行動」的按鈕，讓來客真正轉換成顧客。
而且別忘了這時候提出一些有力的優惠，例如這個服務是免費註冊的！於是轉換率就會提高。
例子 2： 我所開設的 Ruby on Rails 課程
再來讓我們看看另外一個例子。這是我過去在台灣所開設的 Ruby on Rails 課程，也是利用同樣的 Landing Page 架構。各位讀者可以練習解讀看看每個結構的設計意涵：
1. 一句話形容自己：
2. 使用此服務的好處：
3. 敘述運作原理
4. 使用者見證：
5. CALL TO ACTION
6. FAQ 與消除疑慮：
是不是開始有點抓到那種 feel 了呢？