Landing Pages（說服模式） 是做什麼的？
頁面的工作只有一個：讓正確的訪客採取單一行動。所有元素都必須為此目標服務。
英雄區：以最具代表性的東西開場
根據產品選擇英雄區類型，而不是習慣。
| 英雄區類型 | 使用時機 | 建構方式 |
|---|---|---|
| 產品驅動 | 軟體、CRM、應用程式 | 一個真實、可辨識的UI螢幕（HTML，非模糊圖片），展示產品執行主要功能，並使用可信資料 |
| 證明驅動 | 本地服務、工匠、代理商 | 真實作品的強烈照片 + 以文字說明的結果 + 評分/評論數量（如果確實存在） |
| 承諾驅動 | 新類別、品牌導向 | 一個大型排版陳述；排版本身即為視覺 |
| 展示驅動 | 工具、遊戲、互動式 | 產品本身，在折疊線以上可播放或互動 |
| 優惠驅動 | 電子商務、活動 | 將產品照片/價格/日期置於最前方中心 |
「大字標題 + 漸層色塊 + 兩個按鈕 + 假統計數字列」的英雄區是預設值。僅在以上所有類型都不適用時才使用它。
英雄區檢查清單：標題應說明它是什麼以及為誰而寫（10字以內）；副標題說明成果（25字以內）；一個主要CTA命名該行動（「預約免費估價」、「開始你的14天試用」）；可選次要CTA給猶豫者（「查看定價」）；視覺元素佔英雄區的40-60%。
區塊選單（選擇5-8個，變換其形狀）
- 問題 → 成果條（以客戶說法呈現的前後對比）
- 運作方式（只有在確實是步驟時使用；這時可以使用編號）
- 功能展示：交替使用寬螢幕圖片+文字列，或使用內部放置真實UI的便當盒網格。避免三張相同的圖示卡片。
- 社會證明：真實推薦，含姓名、角色/城鎮、照片（如果有的話）；標誌僅在客戶確實存在時使用
- 定價：2-3個方案，推薦的方案透過版面佈局標示，而非僅用徽章；清楚列出包含的項目；如果有年繳方案，則提供年繳切換按鈕
- 服務區域 / 營業時間 / 地圖（適用於本地商家）
- FAQ：回答真實的異議（價格、合約、時程、如果…怎麼辦）
- 最終CTA區塊：重複主要行動
調整節奏：交替使用滿版和固定寬度、淺色和著色背景、文字為主和圖片為主的版面。相鄰的兩個區塊不得使用相同的版面佈局。
文案
- 使用客戶的語言，而非系統的術語。「查看今天所有的工作」勝過「統一的營運可視性」。
- 具體優於花俏。數字僅在真實時使用。
- 標題和按鈕使用句子大小寫（Sentence case）。UI中不要使用驚嘆號。
- 全站相同行動使用相同名稱。
轉換細節
- 當英雄區滾動離開後，顯示含有主要CTA的黏性頁首。
- 在行動裝置上，本地商家應提供電話點擊撥號功能。
- 表單：只收集業務真正需要的欄位；標籤位於欄位上方；說明提交後會發生什麼事。
- 在CTA附近放置信任元素：保證、回應時間、執照/保險（僅當確實存在時）。
- 頁面重量：英雄區圖片小於200KB（AVIF/WebP）、字體預先載入、沒有任何東西阻擋首次繪製。
動畫預算
一個標誌性時刻（英雄區進場或產品UI動畫呈現其主要功能）。其他所有元素保持靜態或回應使用者操作。請參閱 motion 技能。