Landing Page 設計指南｜高轉換率 9 個關鍵元素與 AIDA 結構實戰
Landing Page（LP）是「聚焦單一轉換目標」的頁面——買單、留資、報名、下載。和形象網站不同，LP 的成敗只看一個指標：轉換率。業界基準：NT$ 5K 以下低客單價 5-10%；NT$ 50K+ 高客單價 1-3%；B2B lead gen 2-5%。約瑟夫 15 年製作過數百個 LP，本文彙整關鍵設計原則。
AIDA 心理結構
Landing Page 從 1940 年代廣告學就有定型結構 AIDA：
- A - Attention 注意：Hero 區的標題 + 視覺必須 3 秒抓住目光
- I - Interest 興趣：點出痛點、激發興趣的副標題與開場段落
- D - Desire 慾望：解決方案、產品亮點、社會證明、降低疑慮
- A - Action 行動：清晰的 CTA、表單、緊迫感（限時／限量）
9 個關鍵元素
1. Hero Headline（主標題）
7-15 個字，1 秒傳達核心價值。公式：「[目標客群] + [痛點解決] + [差異化承諾]」。例：「新創品牌 0 到 1 行銷，15 年經驗一次到位」。
2. Sub-headline（副標題）
20-40 字，補充主標題的「為什麼相信你」。例：「服務 1000+ 品牌、王品百威宏亞合作，從策略到執行完整漏斗」。
3. Hero Visual
產品實拍、使用情境照、客戶代言影片。避免免費圖庫的「商務人士握手」俗套。
4. 核心 CTA
Above the fold（首屏不用 scroll）就要有主 CTA。色彩高對比、按鈕大小明顯、文字具體（不要「送出」，要「免費下載 PDF」）。
5. 痛點共鳴
用 3-5 個 bullet 列出目標客群的具體痛點，讓讀者覺得「對對對，就是我」。
6. 解決方案與差異化
你的產品/服務如何解決痛點？3-5 個特色，每個配圖標 + 1 句話說明。
7. 社會證明
客戶 logo 牆、客戶見證、媒體報導、數據（服務 1000+ 品牌、累計曝光 XX 次）、獎項認證。這是轉換率最大推手。
8. 降低疑慮 FAQ
預先回答最常見的 5-7 個問題：價格、時程、保障、退費、使用方式。
9. 結尾強 CTA + 緊迫感
頁面結束前再一個大 CTA。適度使用「僅限本月」、「僅剩 X 名額」製造緊迫感（但不要過度，會失信）。
Hero 區設計技巧
- One-liner 測試：如果只能讀一句話，你的 Hero headline 能不能讓人想繼續讀？
- 2 秒眼動：眼睛會沿 Z 字掃過（左上 → 右上 → 左下 → 右下）。主標題放左上，主 CTA 放右上或中央。
- Above the fold：Desktop 1024×768、Mobile 375×667 首屏要包含完整「標題 + 價值主張 + CTA」。
信任元素排序
- 客戶見證影片：最有說服力（相當於 10 張見證文字）
- 名人/媒體背書：知名品牌 logo、媒體報導截圖
- 具體數據：服務 N 家、使用率 X%、平均成效 Y%（不能虛）
- 專業認證：Google Partner、ISO、業界協會
- 書面見證：帶頭像、職稱、公司名（不可匿名）
CTA 設計原則
- 顏色：與主視覺對比強（例：深藍底 + 橘色按鈕）
- 文字：動詞開頭 + 具體利益（「立即下載免費報告」vs「送出」）
- 大小：最小 44×44px，重要 CTA 至少 160px 寬
- 位置：Hero + 中段 + 結尾至少 3 處
- 單一主 CTA：不要同一頁 5 個不同目標（買、訂、看、填、問）
A/B 測試流程
- 建立流量門檻：月 UV 至少 500+ 才有統計意義
- 一次只測 1 個變數：標題、CTA 文字、Hero 圖、表單欄位
- 樣本數至少 300 次 session each group
- 置信度 95%+（Google Optimize / VWO / Optimizely 工具）
- 勝出版本保留，失敗版本研究為何失敗
業界平均轉換率基準
- 電商（低客單）：2-5%（T Shirt、配件、低價零售）
- B2B Lead Gen（白皮書下載）：15-25%
- SaaS 免費試用：5-10%
- 高客單服務（NT$ 50K+）：1-3%
- 活動報名（免費）：20-40%
- 活動報名（付費 NT$ 1K+）：3-8%
5 個業界標竿方向
- Apple 產品頁：視覺震撼、少文字多圖、Sticky CTA
- Stripe Payments：動畫展示、分段漏斗、開發者語言
- Notion 首頁：Use case 情境豐富、社群見證
- Airbnb 搜尋頁：即時互動、視覺導向、信任元素集中
- Mailchimp：品牌調性清晰、免費計畫誘因
相關服務
- 網站設計服務完整指南（pillar）
- 數位廣告代理（LP 搭配廣告）
- SEO 完整實戰指南
- 免費 Landing Page 提案
