AI Vibe Coding
雙路線 SOP 實戰指南 v6.0

根據以下品牌資料，輸出 #00 品牌資料卡，並針對素材「沒有」的項目各補一句缺口替代方案。繁體中文，直接輸出，不要前言。

品牌名稱：{{brand_name}}
核心服務 ／ 產品：{{core_service}}
品牌類型：{{brand_type}}
網站類型：{{website_type}}
目標客戶：{{age_group}}・{{customer_type}}
客單價：{{price_range}}
上線時間：{{launch_time}}
訪客唯一行動：{{main_action}}
功能需求：{{features}}
服務條款類型：{{legal_type}}
表單收信方式：Formspree
Formspree ID：{{formspree_id}}
品牌照片素材：{{photo_assets}}
案例素材：{{case_assets}}
見證素材：{{testimonial_assets}}
影片素材：{{video_assets}}

---
#00 品牌資料卡
[照上方資料逐行填好，不確定的標注「※推斷」]
缺口替代：[列出素材「沒有」的項目，每項一句替代方案]
---

你是兼具商業策略、法規意識與數位行銷視野的資深顧問。

以下是我完成的品牌資料卡：

[[貼入]]

請回答以下問題。每題一行，不要展開解釋，直接給結論。推斷的答案在行尾標注「※推斷」。

---
#01 專案定義書

這個網站要解決什麼問題？（一句話）
訪客來了，你最希望他做什麼？（唯一行動）
你的商業模式是？（直接成交 ／ 線索收集 ／ 品牌建立 ／ 內容導流）
目標受眾是誰？（年齡、職業、具體描述）
客單價區間？
成功的量化指標是？（KPI）
需要多高的信任感？（低 ／ 中 ／ 高）原因一句話
台灣法規要注意什麼？（無則填「無」）
競品往哪個方向找？
品牌個性三個詞？
幾個月後上線？
---

繁體中文，直接產出。

你是消費者行為與心理學專家。

以下是我的專案定義書：

[[貼入]]

請產出 1 份最具代表性的主要用戶畫像。
（若目標族群截然不同，產出 2 份並標明主要 ／ 次要）

請回答以下問題，每題一行，用真實的人的口吻，不要學術報告。

---
#02 用戶畫像

他是誰？（名字、年齡、職業、主要裝置，一行）
他想逃離什麼？（一句話）
他想獲得什麼？（一句話）
他最深的情感期望是？（一句話）
他決策前最大的三個疑問？（三行，每行一問）
什麼讓他最不信任？（一行）
什麼能讓他最快信任？（一行）
什麼會讓他立刻關掉網頁？（一行）
什麼情境讓他從猶豫變成行動？（一行）
最能打動他的一句話是？

【語言庫 Voice Library】
（直接列 10 句他真實說過的話，一行一句，不加標籤）
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
---

繁體中文，直接產出。

本步驟分兩段執行。

━━━ Part 1｜貼入 Gemini Deep Research（或 Perplexity Deep Research）━━━

請對以下專案進行深度市場研究：

[[貼入]]

研究範圍：
① 台灣市場中 3–5 個直接或間接競品：各自的定位、賣點、網站設計特徵、市場空缺
② SEO 關鍵字：這個產業在台灣的高搜尋量關鍵字（附月搜尋量估計）+ 低競爭長尾關鍵字 5 個
③ 說服力數字：2–3 條支持這個服務價值的市場統計數據（附來源與年份）

繁體中文，所有資料請附來源連結。

━━━ Part 2｜貼入 Claude，將以上資料格式化 ━━━

請將 Part 1 的資料整理為以下格式。每格一行，只給結論。

---
#03 競品情報

差異化機會：（一句話）
主攻關鍵字：① ② ③
長尾關鍵字：① ② ③
[競品名稱]：定位一句話
[競品名稱]：定位一句話
[競品名稱]：定位一句話
市場數字：① ②（附來源）
---

繁體中文，直接產出。

你是頂級品牌與數位行銷戰略顧問。

以下是三份前期研究資料：

━━━ #01 專案定義書 ━━━
[[貼入]]

━━━ #02 用戶畫像 ＋ 語言庫 ━━━
[[貼入]]

━━━ #03 競品情報 ━━━
[[貼入]]

━━━ 規則 ━━━
每個欄位只寫一行。禁止展開解釋或補充段落。
結論直接寫，理由若必要用括號附在同行。
不能留空，不能填「待確認」。

━━━ 先回答六個戰略問題（每題一行）━━━
① 我的定位：我如何與競品不同？
② 核心承諾：訪客進站第一眼要感受到什麼？
③ 說服鏈：他為什麼會採取唯一行動？
④ 信任根基：最快讓他信任的三件事是？
⑤ SEO 策略：我要攻佔哪三個關鍵字，為什麼？
⑥ 風險邊界：什麼不能說、不能做？

━━━ 產出戰略摘要（Phase B 步驟 05–08 的共同輸入文件）━━━

---
【戰略摘要】

品牌名稱：｜專案類型：｜建站技術：React + Tailwind CSS
唯一行動：｜客單價：｜信任感需求：（低 ／ 中 ／ 高）

品牌定位：（一句話，與競品的差異）
目標受眾：（年齡、職業、具體描述）
他想逃離：｜他想獲得：
品牌個性：（三詞）

說服順序：① ② ③
要破解的反對理由：① ② ③
最有力數據：（附來源）
信任訊號：① ② ③

情緒旅程：進站 → 共鳴 → 信任 → 行動
CTA 語言：（動詞開頭，10 字內）
主要 CTA 文字：

核心關鍵字：① ② ③
長尾關鍵字：① ② ③
差異化切入：

現有素材：（逗號分隔）
缺口素材：（各附一句替代）
功能需求：（逗號分隔）

法規紅線：
視覺文案禁忌：
商業路線：接案模式（幫客戶建站收費）／ 自用模式（為自己的生意建收單系統）

網站類型：（單頁 Landing Page ／ 多頁品牌站 ／ 多頁電商 ／ 多頁課程站）
服務條款類型：（課程遞延給付 ／ 療癒服務 ／ 實體商品 ／ SaaS訂閱 ／ 顧問諮詢 ／ 活動工作坊 ／ 命理靈性）
商業路線：（接案模式 ／ 自用模式）
表單方式：（Formspree ／ Resend）

【語言庫】（直接從 #02 複製，10 句）
1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
💾 存為 04-strategy.md
---

繁體中文，直接產出。

你是 Next.js 架構師 + UI/UX 設計師 + 台灣法規文件專家。
根據以下戰略摘要，產出三份 V0 規格文件。每份以 ## 文件一/二/三 分隔，直接輸出，不加前言。

[[貼入]]

讀取「服務條款類型」欄位，依下表自動套用對應法規版本：
- 課程遞延給付 → 消保法第 19 條猶豫期 + 已開通數位內容不退費
- 療癒服務     → 非醫療行為聲明 + 健康告知 + 序次票退費
- 實體商品     → 七天猶豫期退貨（消保法）+ 瑕疵商品條款
- SaaS 訂閱   → 自動續約警語（消保法第 19-2 條）+ 帳號終止政策
- 顧問諮詢     → 不構成專業建議免責聲明 + 三年保密義務
- 活動工作坊   → 活動取消通知期限 + 不可抗力條款 + 名額轉讓規則
- 命理靈性     → 娛樂性質聲明 + 不具醫療法律財務效力 + 生辰敏感資料告知

---
## 文件一：spec-architecture.md

### ⛔ V0 技術約束（必放最前）
- App Router（app/ 目錄）
- 頁間連結：import Link from 'next/link' — 禁用 <a href>
- 圖片：import Image from 'next/image' + next.config.ts remotePatterns
- 字型：next/font/google（Noto_Sans_TC）— 禁用 CDN <link>
- Tailwind v4：@theme token 寫在 globals.css
- 不使用 shadcn/ui，純 Tailwind CSS
- 圖片佔位：https://placehold.co/1200x630/{{主色HEX}}/fff?text={{品牌名}}

### File Structure
（依「網站類型」輸出完整清單，必含：layout.tsx / not-found.tsx / loading.tsx / error.tsx / sitemap.ts / robots.ts / terms/page.tsx / privacy/page.tsx / thank-you/page.tsx）

### Navbar（一行一條規格）
### Footer（一行一條規格）
### 表單（根據「表單方式」選 Formspree 或 Resend API route）
### SEO（generateMetadata 結構 + sitemap 頁面列表）
### 自動啟用（Cookie 橫幅 / 返回頂部 / LINE@ 浮動 / GA4 預留）

---
## 文件二：spec-ux-visual.md

### ⛔ Apple HIG 規範（V0 必遵守）
- 最小觸控目標：44×44px（min-h-[44px] min-w-[44px]）
- 最小字體：內文 16px / 輸入欄位 18px（防 iOS 自動縮放）
- 色彩對比：WCAG AA（正文 4.5:1 / 大標題 3:1）
- 相鄰可點元素間距 ≥ 8px
- 首屏：單一清晰 CTA，不超過 3 個資訊層級

### 情緒旅程（3 句）
（根據服務條款類型自動對應：課程→建立信任→成果展示→降低風險；命理/療癒→引發共鳴→儀式信任→安心行動）

### 各區塊 UX 重點（格式：區塊名｜心理任務｜關鍵元素，一行一條）

### 視覺設計
主色：{{HEX}} ｜ 輔助色：{{HEX}} ｜ 背景：{{HEX}} ｜ 文字：{{HEX}}
字型：標題 {{根據品牌個性選 Google Font}} ／ 內文 Noto Sans TC
按鈕：圓角 {{px}}｜padding py-3 px-6｜hover {{HEX}}
視覺風格：{{2-3 詞，根據品牌個性推斷}}

### globals.css @theme Token
（輸出完整可貼入的 CSS 變數 + .btn-primary；療癒 / 靈性類型加 .glass-card）

---
## 文件三：spec-legal.md

### Stack（3 行）
- 框架：Next.js + TypeScript + Tailwind v4，Vercel 部署
- 表單：{{根據表單方式}}
- 圖片/字型：next/image + next/font/google

### 服務條款全文（/terms 頁使用）
（依服務條款類型輸出完整繁體中文全文，含適用法規條款、退費政策、免責聲明）

### 隱私政策全文（/privacy 頁使用）
（依個資法第 8 條格式：蒐集目的、蒐集項目、利用方式、保存期間、您的權利、Cookie 使用；命理 / 療癒類型需加入敏感資料告知條款）

最後更新：{{YYYY-MM-DD}}

### /terms 頁規格
（依類型選警語卡片色：療癒=amber / 命理=purple / SaaS=amber / 其他=gray）
h1 + 頁頂警語卡片 + 桌面左側 sticky 目錄

### /privacy 頁規格
- h1「隱私政策」，id="privacy"，行高 1.8

💾 存為：05a-spec-architecture.md ＋ 05b-spec-ux-visual.md ＋ 05c-spec-legal.md

你是頂級文案師。根據以下戰略摘要產出品牌文案。

[[貼入]]

━━━ 文案風格（選一或說「幫我選」）━━━
A. 理性說服型 | B. 情感共鳴型 | C. 直接轉換型

產出以下格式（直接輸出，每格字數嚴格遵守限制）：

---
## 品牌文案套件

品牌語氣：{{3詞}}｜禁止用語：{{2詞}}

### Hero
h1（10字內）：
副標（25字內）：
CTA（8字內）：

### 各區塊文案
（格式：區塊名｜標題10字內｜副標25字內｜CTA8字內）

### 信任與數據短句（3條）
（格式：數據型 / 社會認同型 / 保障型，各一條20字內）

### SEO
Meta Title（60字內）：
Meta Description（160字內）：
💾 存為 06-copy.md
---

繁體中文，直接產出，字數務必遵守。

你是專業 Next.js 前端工程師。請根據以下規格生成完整主站程式碼。

⚠ 生成前確認：
1. 嚴格遵守 spec-architecture.md 的 File Structure，逐一生成每個檔案
2. 每個檔案分開輸出：// === app/layout.tsx ===
3. 若超過 8,000 字，先說「分段生成」，從 layout.tsx + Navbar + Footer + CookieBanner 開始
4. 不使用 shadcn/ui
5. /terms 和 /privacy 頁面先生成骨架（內容 Step 08 補入）

━━━ 規格文件（spec-architecture.md ＋ spec-ux-visual.md）━━━
[[貼入]]

━━━ 品牌文案套件（06-copy.md）━━━
[[貼入]]

━━━ 輸出要求 ━━━
1. 所有文案直接套入，不用 Lorem ipsum
2. 圖片佔位：https://placehold.co/800x600/{{主色}}/fff?text={{品牌名}}
3. 頁間連結用 <Link href>，不用 <a href>
4. 表單依規格一的方式實作（Formspree 或 /api/contact）
5. 完成後列出「待補充清單」：Logo URL / 真實照片 / Formspree ID 或 RESEND_API_KEY / GA4 ID

根據以下法規規格，輸出兩個可直接使用的 Next.js .tsx 檔案。

[[貼入]]

輸出要求：
1. 使用 app/ 目錄結構（App Router）
2. import 根目錄的 layout（不需重複宣告 Navbar/Footer）
3. 文字樣式：max-w-3xl mx-auto py-16，prose 排版
4. /terms：h1「服務條款」，頁頂顯示最後更新日期，桌面左側 sticky 目錄
5. /privacy：h1「隱私政策」，行高 1.8
6. 每個檔案標題：// === app/terms/page.tsx ===

直接輸出兩個完整 .tsx 檔案，不加說明。

【Step 09 — v0 除錯指令庫】

以下是 6 種最常見的問題，直接複製對應的除錯 Prompt 交給 v0 或 Claude：

━━━ 問題 1：手機版跑版（最常見）━━━
「請修正手機版（< 640px）的排版問題。具體現象：{{描述或截圖說明}}。
要求：保持桌面版不動，只修手機版。請用 Tailwind 的 sm: 斷點調整。」

━━━ 問題 2：CTA 按鈕沒有作用 ／ 表單無法提交 ━━━
「請讓表單具備實際送出功能。目前的表單需要：
- 送出後顯示感謝訊息或跳至 /thank-you
- 欄位驗證（必填欄位用紅色提示）
- 使用 Formspree 串接：fetch('https://formspree.io/f/{{你的ID}}', { method:'POST', body: new FormData(e.target) })
- 或 fetch('/api/contact') POST（已使用 Resend 時）」

━━━ 問題 3：圖片不顯示 ／ 佔位圖比例怪 ━━━
「請修正所有圖片問題：
- 如果是佔位圖，改用 https://placehold.co/800x600/C59D5F/white?text=品牌名
- 如果圖片變形，加上 object-fit: cover
- Hero 圖片高度固定為 h-[500px] md:h-[600px]」

━━━ 問題 4：字型沒有套用 ／ 文字不美觀 ━━━
「Google Fonts 沒有正確載入。請：
① 確認 app/layout.tsx 使用 next/font/google 載入 Noto_Sans_TC
② 在 body 確認套用 font-family
③ 標題改用對應的字型」

━━━ 問題 5：色彩與規格不符 ／ 整體感不對 ━━━
「請依照我的 CSS Token 重新套用色彩系統。
主色：{{從 spec-ux-visual.md 複製}}
背景：{{從 spec-ux-visual.md 複製}}
文字：{{從 spec-ux-visual.md 複製}}
請全站檢查，確保沒有殘留的預設藍色 ／ 灰色元件。」

━━━ 問題 6：整體覺得「AI 感太重」、不夠真實 ━━━
「請進行以下人性化調整：
① 減少粗體的使用，避免每行都加粗
② 移除過度的 emoji 和多餘的分隔線
③ 讓標題更簡潔，直接說重點
④ 卡片的圓角從 rounded-2xl 改為 rounded-lg，視覺更穩重」

━━━ 品質驗收 Checklist（交給 Claude）━━━
「以下是我的網站程式碼，請進行上線前品質驗收：

{{貼入程式碼}}

請逐條確認：
□ 所有文案已套入（無 Lorem ipsum 或佔位文字）
□ 表單已串接（Formspree 或 /api/contact）
□ 實測送出 → Email 確實收到
□ 表單送出有反應（感謝訊息）
□ 手機版正常顯示
□ CTA 按鈕有 hover 效果
□ 至少一處信任訊號（見證 ／ 成果 ／ 數字）
□ 法律文件連結存在（隱私權政策）
□ 沒有空白的 alt=""

回報問題清單，每條一行。不用說「看起來不錯」，直接列問題。」

v0 已產出網站程式碼，協助我上傳到 GitHub。

請指引我完成：
① 建立 Repo（命名格式：品牌名-website）
② 上傳程式碼（HTML 或 React 結構說明）
③ 加入技術協作者（Settings -> Collaborators 加入 ezonelai）

繁體中文，步驟清晰。

協助我把 GitHub Repo 部署到 Vercel。

逐步說明：
① 登入 Vercel (GitHub 登入)
② 匯入專案 (Framework Preset 設定)
③ Deploy 並取得 https://xxx.vercel.app 網址
④ 說明未來修改後自動更新的邏輯。

協助我在 Vercel 設定專屬域名。

指引：
① 在 Vercel 加入自訂域名
② 在域名商後台設定 DNS (CNAME / A Record)
③ 等待生效與 SSL 確認。
附上常見購買管道建議。

協助我完成 Resend 自訂域名 Email 設定。

前提：已完成 Step 12，域名已在 Cloudflare 設好 DNS，Vercel SSL 已生效。

━━━ Step 1：Resend 域名驗證 ━━━
① 前往 https://resend.com/ → 免費註冊
② 左側「Domains」→「Add Domain」→ 輸入你的域名（如 yourbrand.com）
③ Resend 產出 DNS 記錄，到 Cloudflare DNS 依序新增：
   - TXT：SPF（v=spf1 include:amazonses.com ~all）
   - CNAME：DKIM（Resend 會給兩條，逐一新增）
   - TXT：DMARC（建議加：v=DMARC1; p=none;）
④ 回 Resend 點「Verify」→ 等待 5-30 分鐘 → 顯示「Verified ✅」

━━━ Step 2：建立 API Key ━━━
① 左側「API Keys」→「Create API Key」→ 選 Full Access
② 複製 Key（re_xxxxxxxx）→ 只顯示一次，立刻存好

━━━ Step 3：Vercel 環境變數 ━━━
① 你的 Vercel 專案 → Settings → Environment Variables → 新增：
   - RESEND_API_KEY = re_xxxxxxxx（Production + Preview）
   - RESEND_TO = 你的收信 Email
② Save → 點「Redeploy」讓新變數生效

━━━ Step 4：升級程式碼（從 Formspree 升級）━━━
把以下 Prompt 交給 Claude：

「我的網站目前用 Formspree 收信，請幫我升級為 Resend 自訂域名發信。

① 建立或更新 app/api/contact/route.ts：
```typescript
import { Resend } from 'resend'
const resend = new Resend(process.env.RESEND_API_KEY)
export async function POST(req: Request) {
  const { name, email, phone, message } = await req.json()
  await resend.emails.send({
    from: 'noreply@你的域名.com',
    to: process.env.RESEND_TO!,
    subject: `[網站詢問] ${name}`,
    html: `<p>${name} (${email} / ${phone || '未填'})</p><p>${message}</p>`
  })
  return Response.json({ ok: true })
}
```

② 更新表單元件：
- 將 Formspree fetch 改為 fetch('/api/contact', { method:'POST', body: JSON.stringify(form) })
- 確認 next.config.ts 沒有阻擋 API 路由」

━━━ Step 5：測試 ━━━
送出表單一次 → 確認收到的 Email 發件人顯示「noreply@你的品牌.com」 ✅

繁體中文，步驟清晰。

你是 QA 上線把關人。請執行完整的上線前稽核。

━━━ 上線前自查清單 ━━━

【功能驗收】
□ 所有頁面可正常瀏覽（含 /terms /privacy /thank-you /404）
□ 聯絡表單送出 → Email 確實收到
□ 表單送出有感謝頁面或感謝訊息
□ Navbar 所有連結可點擊
□ Footer /terms 和 /privacy 連結正常
□ 手機版（375px）正常顯示，無跑版
□ LINE@ 浮動按鈕可點擊（若有）
□ 返回頂部按鈕可點擊

【視覺驗收】
□ 品牌主色正確套用（無殘留預設藍）
□ 字型載入正確（Noto Sans TC 生效）
□ 圖片全部顯示（無破圖 icon）
□ CTA 按鈕有 hover 效果
□ 沒有空白的 alt=""

【SEO 驗收】
□ 每頁 <title> 和 <meta description> 已設定
□ sitemap.xml 可訪問（/sitemap.xml）
□ robots.txt 可訪問（/robots.txt）
□ OG 圖片已設定（分享時顯示預覽）

【法規合規】
□ 隱私政策連結存在且可訪問
□ 服務條款連結存在（若有金流）
□ Cookie 橫幅顯示（若有 GA）

━━━ GA4 設定步驟 ━━━

① 前往 analytics.google.com 建立帳戶（Google 帳號登入）
② 建立「資源」→ 選「網頁」→ 輸入網址
③ 複製 Measurement ID（格式：G-XXXXXXXXXX）
④ 在 Vercel 新增環境變數：NEXT_PUBLIC_GA_ID = G-XXXXXXXXXX
⑤ 重新部署 → 瀏覽網站 → 確認 GA 即時報告顯示 1 個使用者 ✅

━━━ 最終驗收指令 ━━━

「以下是我的網站網址：{{網址}}

請列出以上清單中未通過的項目（每條一行），以及修復方式。直接列問題，不用說「看起來不錯」。」

━━━ Part A：上線宣告文案 ━━━

你是社群文案師。根據以下品牌資訊產出三版上線宣告文案。

品牌名稱：{{填入}}
網站網址：{{填入}}
核心服務：{{一句話}}
目標受眾：{{一句話}}

---
版本 A - Instagram（圖 + 文）：
「[品牌名] 正式上線 🎉

{{一句話說你能幫誰解決什麼問題}}

現在點 bio 連結，可以免費 {{填入低門檻行動，例如：試算你的需求報價 ／ 預約 15 分鐘免費諮詢}}

Link in bio 👆

#{{關鍵字1}} #{{關鍵字2}} #{{地區}}」

版本 B - Facebook（貼文）：
「很高興宣布，[品牌名] 官網正式上線。

我做的是 {{服務一句話說明}}，服務對象是 {{目標受眾一句話}}。

如果你或你認識的朋友有這個需求，歡迎點這裡了解：{{網址}}

有任何問題，直接留言或私訊我 😊」

版本 C - LINE ／ 朋友轉傳（簡短版）：
「嘿！我的新網站上線了，你有空的話幫我看一下好嗎？{{網址}}
主要是做 {{服務一句話}} 的，如果你有朋友有需要，也歡迎轉傳給他們，感謝 🙏」
---

繁體中文，直接產出三版文案，不加前言。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

━━━ Part B：首月成長清單 + 維護工作流 ━━━

【清單 1：上線首月（每週 1 小時）】

第 1 週：口碑啟動
- 傳送網址給 10 個潛在客戶或朋友，請求真實反饋
- 整理反饋，找出最常被問到的問題 → 加入網站 FAQ

第 2 週：內容驅動
- 發布 1 篇關於你服務的短文（IG ／ FB ／ LinkedIn），結尾附網站連結
- 建議主題：「我為什麼開始做 {{服務名稱}}」

第 3 週：數據檢視
- 打開 GA，確認：哪個頁面跳出率最高？哪個按鈕點擊次數最多？
- 最高跳出率的區塊 → 修改標題或 CTA

第 4 週：轉換優化
- 檢查是否有收到任何表單或詢問
- 若無：增加 1 個「立即聯絡」的 WhatsApp ／ LINE 按鈕（降低摩擦）

【清單 2：持續維護工作流】

操作步驟：
① 開啟 GitHub 修改（網頁版或 Codespaces）
② 修改原則（保持 CSS Token 變數、不動整體結構）
③ 驗收（Commit 後 Vercel 自動部署確認網址）

常見維護需求及對應方式：
- 文字修改 → GitHub 網頁版直接編輯
- 新增區塊 → 交給 Claude / v0，貼入後 commit
- 功能問題 → 交給 Eugene（ezonelai）協助
- 版面跑版 → 用 Step 09 除錯指令庫

依照你在 Step 04 選擇的【商業路線】，使用對應的 Prompt：

══════════════════════════════════════
🧑‍💼 接案模式 → 使用下方【16A 交付 SOP】
══════════════════════════════════════

你是資深接案設計師。協助我完成客戶交付流程。

━━━ 客戶資訊 ━━━
客戶品牌名：{{填入}}
網站網址：{{填入}}
專案範疇：{{填入完成的功能項目}}
尾款金額：NT＄{{填入}}

━━━ 請產出以下三份文件 ━━━

---
【文件 1：結案確認信（Email 格式）】

主旨：[品牌名] 網站正式交付通知

Dear {{客戶名字}}，

您的網站已正式上線，請確認以下交付項目：

✅ 網站網址：{{網址}}
✅ 完成功能：（列出功能項目）
✅ GitHub 版本庫：（已加入您為協作者）

請於收到此信後 3 個工作日內完成驗收確認，如有調整需求請於 7 天內提出（合約保固期內）。

尾款 NT＄{{金額}} 請於驗收確認後 7 個工作日內完成轉帳：
戶名：{{填入}}
銀行：{{填入}}
帳號：{{填入}}

感謝您的信任，期待未來繼續合作。

{{你的名字}}
---

【文件 2：驗收清單（客戶用）】

請客戶確認以下項目（逐條 ✅ ／ ❌）：

□ 網站在手機上正常顯示
□ 所有文案和圖片正確無誤
□ 聯絡表單填寫後有收到 Email
□ 網址符合預期（品牌名.xxx）
□ 頁面載入速度可接受
□ 對整體設計感到滿意

全部確認後，請回信「確認驗收完成」即可。

---

【文件 3：維護服務報價（售後商機）】

網站維護方案（選擇性）：

方案 A：基礎維護 NT$2,000 ／ 月
- 每月 1 小時內容更新（文字 ／ 圖片替換）
- 伺服器運作監控通知
- 緊急問題 48 小時內響應

方案 B：進階維護 NT$5,000 ／ 月
- 每月 3 小時維護工時
- 月報（流量與表單統計）
- 功能小調整（不含新開發）
- 優先響應 24 小時

如有興趣，請在驗收確認時一併告知，我們將安排後續合約。
---

繁體中文，直接產出三份文件，不加說明。


══════════════════════════════════════
🏢 自用模式 → 使用下方【16B 上線啟動】
══════════════════════════════════════

你是數位行銷顧問。我的網站剛上線，協助我規劃上線後第一個月的成長計畫。

━━━ 品牌資訊 ━━━
網站網址：{{填入}}
唯一行動（目標轉換）：{{例：填表單 ／ 預約 ／ 購買}}
主要流量來源（計畫用）：{{例：IG、FB、朋友介紹、SEO}}
每月目標轉換數：{{例：5 個諮詢表單}}

━━━ 請產出以下三份清單 ━━━

---
【清單 1：上線當天必做（2 小時完成）】

① Google Analytics 設定
- 前往 analytics.google.com 建立帳戶
- 複製 Measurement ID (G-XXXXXXXXXX)
- 貼入網站 <head>（或請 Eugene 協助）
- 驗證：瀏覽網站，看 GA 即時數據有沒有顯示 1 個使用者

② 表單送出測試
- 自己填一次完整表單
- 確認你的 Email 有收到通知
- 確認客戶端顯示感謝頁面

③ 社群首發文（選最主要的一個平台）
- 使用 Step 15 的文案模板，配上網站截圖發布

---
【清單 2：上線首月（每週 1 小時）】

第 1 週：口碑啟動
- 傳送網址給 10 個潛在客戶或朋友，請求真實反饋
- 整理反饋，找出最常被問到的問題 → 加入網站 FAQ

第 2 週：內容驅動
- 發布 1 篇關於你服務的短文（IG ／ FB ／ LinkedIn），結尾附網站連結
- 建議主題：「我為什麼開始做 {{服務名稱}}」

第 3 週：數據檢視
- 打開 GA，確認：哪個頁面跳出率最高？哪個按鈕點擊次數最多？
- 最高跳出率的區塊 → 修改標題或 CTA

第 4 週：轉換優化
- 檢查是否有收到任何表單或詢問
- 若無：增加 1 個「立即聯絡」的 WhatsApp ／ LINE 按鈕（降低摩擦）

---
【清單 3：首發文案模板（三版本）】

版本 A - Instagram（圖 + 文）：
「[品牌名] 正式上線 🎉

{{一句話說你能幫誰解決什麼問題}}

現在點 bio 連結，可以免費 {{填入低門檻行動，例如：試算你的需求報價 ／ 預約 15 分鐘免費諮詢}}

Link in bio 👆

#{{關鍵字1}} #{{關鍵字2}} #{{地區}}」

版本 B - Facebook（貼文）：
「很高興宣布，[品牌名] 官網正式上線。

我做的是 {{服務一句話說明}}，服務對象是 {{目標受眾一句話}}。

如果你或你認識的朋友有這個需求，歡迎點這裡了解：{{網址}}

有任何問題，直接留言或私訊我 😊」

版本 C - LINE ／ 朋友轉傳（簡短版）：
「嘿！我的新網站上線了，你有空的話幫我看一下好嗎？{{網址}}
主要是做 {{服務一句話}} 的，如果你有朋友有需要，也歡迎轉傳給他們，感謝 🙏」
---

繁體中文，直接產出三份清單，不加前言。