跳至主要内容

060 手作品牌頁 Design Brief

Template Metadata​

  • Template: 060 手作品牌頁
  • Target customer: 手作品牌、文創產品
  • Primary conversion goal: 購買作品
  • Primary style: Music Atelier
  • Differentiation note: Music Atelier 的第 2 輪變體：採用「流程圖優先」首屏、「溫暖故事節奏」節奏、「作品展示、導師背景和學員成果」信任模式，並用「lead 表單驗證」避免和相鄰模板重複。

Audience And Offer​

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

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

主要痛點：

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

承諾：

  • 30 秒內理解 offer 和下一步。
  • 用作品展示、導師背景和學員成果建立信任。
  • 以清楚 CTA 引導訪客完成「購買作品」。

Visual Direction​

  • Hero format: 流程圖優先
  • Page format: 藝術 editorial 頁
  • Layout rhythm: 溫暖故事節奏
  • Typography: 以 Crimson Text 作為 display personality，正文保持易讀。
  • Palette: background #fef3c7, primary #7c2d12, accent #b45309, text #231815。
  • Imagery: 使用溫度故事、自然材質相關的真實人物、產品、場地、案例或結果圖片；不要用抽象漸層代替。
  • Motion level: 細微音符感漂移。如有明顯動畫，必須支援 reduced-motion。
  • Mobile behavior: 首屏 CTA、WhatsApp 或表單必須在手機版首屏內可見，內容不要只縮小桌面版。

Page Content Blueprint​

  1. Hero: headline「用一頁清楚說明手作品牌、文創產品的 offer、證明和跟進流程，讓訪客可以放心完成「購買作品」。」，subcopy 說明適合 手作品牌、文創產品，primary CTA「購買作品」，secondary CTA「查看產品系列」。
  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: 預填「我想查詢 手作品牌頁，目標是 購買作品，以下是我的基本資料...」。

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