Landing Page 的八角框架設計模式

Landing Page 對應玩家旅程的發現階段——用戶第一次接觸產品,要在幾秒內被驅動到行動(點擊 CTA)。依八角框架設計原則,選 1-3 個核心驅動力做到高強度,不要 8 個都淺淺碰。

白帽開場 → 黑帽收尾

Landing Page 是低頻一次性接觸(類似 Booking.com 訂旅館),黑帽驅動力的負面感受會被遺忘,因此可以使用。但順序決定效果

  • 白帽開場:先讓訪客感覺正面、有意義 → 建立好感,願意繼續看
  • 黑帽收尾:在訪客猶豫要不要點 CTA 的最後一刻推一把

如果反過來(黑帽開場),訪客的第一反應是焦慮和防禦,可能還沒看完就關掉。

推薦的驅動力組合

位置驅動力作用範例(教育產品)
標題區CD1 重大使命喚起訪客本來就在乎的事「孩子的學習不該只有正確答案」
信任區塊CD5 社交影響力社會規範推力建立可信度「已有 N 位高中生家長預約體驗」(必須是「和你類似的人」)
CTA 附近CD6 稀缺性製造緊迫感「首批體驗限 50 個名額」
CTA 附近CD8 損失與避免在猶豫時推最後一把「別讓孩子落後」

CD1 讓人想看下去,CD5 讓人覺得可信,CD6 + CD8 推動最後的點擊。

CTA 的視覺設計

整個頁面使用 沙漠綠洲設計——乾淨版面,只有一個顯眼的 CTA 按鈕。訪客盯著螢幕超過 4 秒不知道該做什麼就會流失。

黑帽不會扭曲真實痛點的訊號

黑帽會扭曲付費訊號的情況是:用戶本來不需要這個東西,被恐懼推著做了不理性的決定。但如果目標客群的痛點是真實存在的(如家長對孩子成績的焦慮),CD8 只是喚醒他們本來就有的感受,不是憑空製造恐懼。在白帽開場 + 黑帽收尾的結構下,訊號仍然可信。

反過來,如果全頁只有白帽沒有黑帽,付費訊號反而會偏低——不是因為沒人想買,而是白帽缺乏緊迫感,訪客覺得「之後再說」然後就忘了,導致低估真實需求。

連結