跳至主要内容

011 補習社招生頁 Design Brief

Template Metadata​

  • Template: 011 補習社招生頁
  • Target customer: 補習社、升學中心
  • Primary conversion goal: 預約試堂
  • Primary style: Exam Performance Lab
  • Differentiation note: Exam Performance Lab 的第 1 輪變體：採用「表單優先」首屏、「測驗與缺口分析」節奏、「診斷報告、能力缺口和改善路線」信任模式，並用「試算估價器」避免和相鄰模板重複。

Audience And Offer​

訪客多數已經對「補習社招生頁」有明確需求，但仍在比較可信度、價格、流程和下一步風險。

核心 offer 是「預約試堂高轉化方案」。頁面要先講清楚服務適合誰、會帶來什麼具體結果、訪客提交資料後會發生什麼事。內容不應只描述服務，而要讓訪客快速判斷自己是否適合，並降低首次查詢的心理成本。

主要痛點：

  • 不確定服務價格、流程或交付時間。
  • 擔心查詢後被 hard sell，或提供資料後沒有清楚回覆。
  • 缺少可信 proof 去判斷哪一間供應商值得聯絡。

承諾：

  • 30 秒內理解 offer 和下一步。
  • 用診斷報告、能力缺口和改善路線建立信任。
  • 以清楚 CTA 引導訪客完成「預約試堂」。

Visual Direction​

  • Hero format: 表單優先
  • Page format: 診斷實驗室頁
  • Layout rhythm: 測驗與缺口分析
  • Typography: 以 Literata 作為 display personality，正文保持易讀。
  • Palette: background #eff6ff, primary #1e40af, accent #facc15, text #172554。
  • Imagery: 使用成績導向、家長信任相關的真實人物、產品、場地、案例或結果圖片；不要用抽象漸層代替。
  • Motion level: 進度條填充。如有明顯動畫，必須支援 reduced-motion。
  • Mobile behavior: 首屏 CTA、WhatsApp 或表單必須在手機版首屏內可見，內容不要只縮小桌面版。

Page Content Blueprint​

  1. Hero: headline「用一頁清楚說明補習社、升學中心的 offer、證明和跟進流程，讓訪客可以放心完成「預約試堂」。」，subcopy 說明適合 補習社、升學中心，primary CTA「預約試堂」，secondary CTA「WhatsApp 先查詢」。
  2. Problem framing: 3 個痛點卡，對應價格不清、流程不明、信任不足。
  3. Offer architecture: 以 測驗與缺口分析 呈現 3 至 4 個服務或 package，避免普通三卡重複感。
  4. Proof section: 使用 診斷報告、能力缺口和改善路線，例如數據、資格、案例、流程保證或作品展示。
  5. Interaction section: 試算估價器，讓訪客主動選擇需求並理解下一步。
  6. Lead capture: 表單或 WhatsApp CTA 收集成交下一步必要資料。
  7. FAQ and final CTA: 處理價格、時間、適合對象、風險和跟進流程。

Sample section headings:

  • 「先確認你需要的不是更多資訊，而是更清楚的下一步」
  • 「補習社、升學中心 常見的 3 個轉化阻力」
  • 「由查詢到成交的透明流程」
  • 「為什麼訪客會放心留下資料」
  • 「提交後，我們如何在 WhatsApp 跟進」

Lead Capture Design​

Fields:

  • 姓名
  • WhatsApp / 電話
  • 補習社
  • 期望時間
  • 補充需求

WhatsApp message intent: 預填「我想查詢 補習社招生頁，目標是 預約試堂，以下是我的基本資料...」。

Validation expectations:

  • 姓名和電話必填。
  • 電話欄位使用 mobile tel keyboard。
  • 成功送出後顯示具體下一步，而不是只寫「成功」。

Post-submit next step: 顯示「已整理查詢內容，團隊會按你選擇的需求提供下一步建議」。

Trust And Objections​

Proof assets:

  • 診斷報告、能力缺口和改善路線
  • 具體服務流程或交付時間。
  • 可替換的案例、作品、客戶評語或數據。

Risk reducers:

  • 清楚說明查詢不等於即時付款。
  • 列出服務不適合哪些人或需要先確認什麼條件。
  • 明確交代資料用途和回覆方式。

FAQ:

  1. 「這個服務適合我嗎？」回答方向：用目標客群、情境和不適合情況界定。
  2. 「大概需要多少預算？」回答方向：先給影響價格的因素，再引導查詢。
  3. 「提交資料後多久會回覆？」回答方向：列出預期回覆時間和渠道。
  4. 「可以先 WhatsApp 問問題嗎？」回答方向：可以，並說明需要提供的基本資料。
  5. 「正式版本需要替換什麼？」回答方向：品牌、圖片、真實案例、價格、聯絡方式和 AI follow-up。

AI Follow-Up Upsell​

此模板可接駁 AI lead capture，把表單資料整理成 WhatsApp 回覆草稿、CRM note 和 follow-up sequence。後續可 upsell：

  • 自動回覆常見問題。
  • 根據訪客選項分流至不同 follow-up message。
  • 7 日或 14 日未成交提醒。
  • 每月優化 headline、CTA 和 FAQ。

Implementation Notes​

  • HTML demo 使用 Tailwind Play CDN，保持 standalone。
  • 必須實作 試算估價器，FAQ accordion 只能作為輔助。
  • 視覺上要符合 Exam Performance Lab，不得回到通用「左文右圖 + 三卡 + 表單」。
  • Desktop、tablet、mobile 都要檢查 CTA 是否清楚可點。