跳至主要内容

046 水電維修頁 Design Brief

Template Metadata​

  • Template: 046 水電維修頁
  • Target customer: 水電師傅、維修服務
  • Primary conversion goal: 即時 WhatsApp
  • Primary style: WhatsApp Speed Page
  • Differentiation note: WhatsApp Speed Page 的第 2 輪變體：採用「dashboard console」首屏、「手機短流程節奏」節奏、「回覆速度、對話範例和手機優先體驗」信任模式，並用「lead 表單驗證」避免和相鄰模板重複。

Audience And Offer​

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

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

主要痛點：

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

承諾：

  • 30 秒內理解 offer 和下一步。
  • 用回覆速度、對話範例和手機優先體驗建立信任。
  • 以清楚 CTA 引導訪客完成「即時 WhatsApp」。

Visual Direction​

  • Hero format: dashboard console
  • Page format: 短促手機轉化 funnel
  • Layout rhythm: 手機短流程節奏
  • Typography: 以 Nunito 作為 display personality，正文保持易讀。
  • Palette: background #ecfdf5, primary #047857, accent #22c55e, text #052e16。
  • Imagery: 使用即時行動、手機優先相關的真實人物、產品、場地、案例或結果圖片；不要用抽象漸層代替。
  • Motion level: 對話泡泡動態。如有明顯動畫，必須支援 reduced-motion。
  • Mobile behavior: 首屏 CTA、WhatsApp 或表單必須在手機版首屏內可見，內容不要只縮小桌面版。

Page Content Blueprint​

  1. Hero: headline「用一頁清楚說明水電師傅、維修服務的 offer、證明和跟進流程，讓訪客可以放心完成「即時 WhatsApp」。」，subcopy 說明適合 水電師傅、維修服務，primary CTA「即時 WhatsApp」，secondary CTA「WhatsApp 先查詢」。
  2. Problem framing: 3 個痛點卡，對應價格不清、流程不明、信任不足。
  3. Offer architecture: 以 手機短流程節奏 呈現 3 至 4 個服務或 package，避免普通三卡重複感。
  4. Proof section: 使用 回覆速度、對話範例和手機優先體驗，例如數據、資格、案例、流程保證或作品展示。
  5. Interaction section: lead 表單驗證，讓訪客主動選擇需求並理解下一步。
  6. Lead capture: 表單或 WhatsApp CTA 收集成交下一步必要資料。
  7. FAQ and final CTA: 處理價格、時間、適合對象、風險和跟進流程。

Sample section headings:

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

Lead Capture Design​

Fields:

  • 姓名
  • WhatsApp / 電話
  • 水電師傅
  • 期望時間
  • 補充需求

WhatsApp message intent: 預填「我想查詢 水電維修頁，目標是 即時 WhatsApp，以下是我的基本資料...」。

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。
  • 必須實作 lead 表單驗證，FAQ accordion 只能作為輔助。
  • 視覺上要符合 WhatsApp Speed Page，不得回到通用「左文右圖 + 三卡 + 表單」。
  • Desktop、tablet、mobile 都要檢查 CTA 是否清楚可點。