方案二：100 個高轉化 Landing Page Template 建議
方案定位
方案二的目標，是把高轉化 landing page 變成可快速銷售、可快速交付、可重複使用的產品線。
第一階段不需要一次製作 100 個完整模板。這份文件先建立模板想法庫，幫助 eagleagentic.ai 選出最值得優先製作 demo 的方向，再逐步把成功模板產品化。
每個模板都應該圍繞一個清楚目標：
- 讓客戶在 30 秒內理解 offer。
- 讓訪客清楚知道下一步行動。
- 用信任元素降低查詢阻力。
- 用 mobile-first layout 支援 WhatsApp 查詢。
- 方便後續接駁 AI lead capture 和 follow-up workflow。
模板交付格式
每個 landing page template 最終都應該是 mobile-friendly 的 standalone HTML template，而不是只停留在設計稿或文件描述。
標準交付格式：
- 每個模板一個獨立資料夾。
- 每個模板核心交付是
index.html，可以直接在瀏覽器打開展示。 index.html使用 HTML、Tailwind CSS 和 JavaScript。- Tailwind CSS 負責 responsive layout、spacing、typography、色彩和 component styling。
- JavaScript 只處理有助轉化的互動，例如 mobile menu、FAQ accordion、sticky CTA、表單驗證、WhatsApp CTA、簡單 pricing toggle。
- Demo 階段可以使用 Tailwind Play CDN 方便快速展示。
- 正式銷售或客戶交付版本應改用 compiled CSS，避免依賴開發用途 CDN。
- 每個模板都要檢查 mobile、tablet、desktop 三種 viewport。
Standalone HTML 的好處是交付快、展示容易、客戶部署門檻低，也方便之後包裝成 digital product 或 template bundle。
高轉化 Landing Page 必備元素
高轉化 landing page 不是單純「好看」的頁面，而是能把特定流量轉化成查詢、預約、報名、購買或 WhatsApp 對話的頁面。
每個模板都應該具備以下元素：
- 單一清晰 offer：一頁只聚焦一個主要轉化目的。
- 5 秒內清楚價值：Hero 區塊要立即講清楚服務對象、主要結果和下一步行動。
- 明確 primary CTA：主要按鈕文字要具體，例如「預約免費評估」、「WhatsApp 查詢報價」、「下載課程章節」。
- Mobile-first 排版：手機版不能只是桌面版縮小，CTA、表單、WhatsApp 入口都要容易點擊。
- 痛點與解決方案：先指出客戶正在面對的問題，再說明服務如何解決。
- 服務流程：用 3 至 5 步說明從查詢到交付的過程，降低不確定感。
- 信任元素：包含客戶評價、案例、媒體/資格、保證、團隊經驗或數據證明。
- Social proof：用 testimonial、before/after、case study、客戶 logo 或真實成果增加可信度。
- 重複 CTA：頁首、中段和頁尾都要有 CTA，但不能造成壓迫感。
- 低摩擦表單：欄位越少越好，只收集成交下一步需要的資料。
- FAQ：處理價格、流程、時間、風險、適合對象等常見疑慮。
- Message match：頁面 headline、offer 和 CTA 要匹配廣告、社交貼文或外部流量來源。
- 快速載入：避免過多動畫、過大圖片和不必要 third-party scripts。
- 後續跟進：頁面應能自然接駁 AI lead capture 和 follow-up workflow。
不同模板必須有不同 Style
高轉化不等於固定版型，也不等於 100 個模板都用同一套 layout 換文字和顏色。
不同客戶的信任方式不同，因此 landing page 的設計語言也要不同：
- 美容和花藝可以偏柔和、精緻、情感化。
- 醫美、牙科和物理治療要更重視專業、安全、可信。
- 律師、會計和財務顧問需要穩重、權威、清晰。
- 餐廳、甜品和旅遊需要圖片主導，先引發慾望。
- SaaS、AI 工具和 IT 服務需要科技感、結構清晰、功能可信。
- 教育和親子服務需要明亮、安心、成長感。
- 裝修、清潔和維修服務需要 before/after、流程透明和即時 CTA。
每個模板表格中的「風格方向」是設計約束，不是裝飾描述。後續製作 template 時，必須根據風格方向調整：
- Typography：標題字體、正文密度、字重和節奏。
- Color palette：主色、背景、accent color 和 CTA 顏色。
- Image style：人物、產品、空間、案例、before/after 或 icon 的使用比例。
- Layout rhythm：頁面是沉浸式、大圖主導、資訊密集、極簡，還是案例導向。
- Trust pattern：用 testimonial、資格、數據、案例、流程或保證建立信任。
- CTA treatment：按鈕、WhatsApp、表單、sticky bar 或限時優惠的呈現方式。
禁止把 100 個模板做成同一種視覺套路。Style 必須服務轉化目的，而不是只為了讓頁面看起來不同。
35 種差異化 Landing Page Style System
後續製作 template 時，每個頁面必須先選定一個「主要 style」。Style 不是顏色名稱，而是整個頁面的產品化約束，包含首屏構圖、內容節奏、圖片比例、互動方式、信任證明和 CTA 行為。
第一批 001 至 035 demo 必須各自使用不同主要 style。036 之後可以重用 style，但必須重新設計結構和互動，不可以只改顏色、圖片和文案。
避免重複以下預設套路：
- Sticky header + 左文右圖 hero + 三張痛點卡 + 三張方案卡 + 四步流程 + 表單 + FAQ。
- 所有頁面都用同一種圓角白卡、同一種陰影、同一種 hero grid。
- 只用不同 Tailwind color token 來聲稱 style 不同。
- 所有信任元素都只放 testimonial，而不按行業改用資格、數據、案例、before/after、比較表或流程保障。
Style 使用規則
- 每個 template 只能有一個主要 style，最多加入一個次要 style 影響。
- Full-page style 要使用 viewport-height section、sticky visual、沉浸 gallery 或分屏切換，不能只是一般卡片向下堆疊。
- Image-based style 必須讓圖片成為資訊本身，例如產品、場地、作品、案例或 before/after，不用抽象漸層代替。
- Fancy style 必須改變構圖、字體、節奏和互動，不只是加裝飾。
- Animation-heavy style 必須提供 reduced-motion fallback，動畫不能阻礙 CTA、表單和內容閱讀。
- Utility style 要保留速度和清晰度，少用重動畫，重點是表單、報價、比較或 WhatsApp 行動。
35 個可重用但必須明確區分的 Style
| # | Style | 頁面格式 | 首屏與視覺節奏 | 互動與 CTA | 適合方向 |
|---|---|---|---|---|---|
| 01 | Soft Luxury Spa | Premium booking page | 大量留白、柔和真人圖、細緻 serif/sans 混合、低飽和色 | 平靜預約 CTA、療程選項、低壓 WhatsApp | 美容、SPA、皮膚管理 |
| 02 | Clinical Authority | Medical trust grid | 乾淨白底、資格/安全聲明前置、醫療級資訊層級 | 預約評估、禁忌提醒、醫生/治療師資歷 | 醫美、牙科、物理治療 |
| 03 | Academic Results | Score dashboard | 成績數據、進步圖、診斷流程、家長語氣 | 試堂/評估 CTA、級別選擇、家長常見疑慮 | 補習、考試、升學 |
| 04 | Full-Screen Architecture Gallery | Full-page image gallery | 大幅空間照片、少量文字、作品規格、沉浸式 section | 預約設計諮詢、案例瀏覽、project brief form | 室內設計、建築、裝修 |
| 05 | Fast Quote Utility | Mobile-first form page | 報價表單在首屏、短 section、清單式價格因素 | Sticky WhatsApp、快速報價、少欄位表單 | 搬屋、維修、清潔、物流 |
| 06 | Food Desire Image Page | Image-led promo page | 食物大圖、套餐卡、價格錨點、食慾色彩 | 訂座/訂餐 CTA、時段選擇、套餐查詢 | 餐廳、到會、私房菜 |
| 07 | Legal Authority Document | Formal document page | 深色或紙張感背景、serif 標題、嚴格段落層級 | 預約諮詢、案件分類、利益衝突提示 | 律師、法律顧問 |
| 08 | Ledger/Data Trust | Data and checklist page | 表格、時間表、文件清單、數字化信任 | 索取報價、公司狀態選擇、文件準備清單 | 會計、報稅、公司服務 |
| 09 | WhatsApp Speed Page | Short mobile funnel | 手機優先、chat bubble、回覆速度證明、超短內容 | 單一 WhatsApp CTA、sticky bar、預填訊息 | 即時查詢、本地服務 |
| 10 | AI Strategy Console | Dashboard/console page | 深色科技 UI、機會矩陣、roadmap、系統狀態感 | 預約審計、流程選擇、策略 brief form | AI、SaaS、IT、automation |
| 11 | Exam Performance Lab | Diagnostic lab page | 測驗感、能力雷達、進步路線、清楚學習節點 | 預約小測、科目/年級選擇、家長跟進 | 補習、考試訓練 |
| 12 | Playful Kids Studio | Bright illustrated page | 明亮色塊、親子照片、柔和插畫、活潑但可信 | 體驗課 CTA、年齡選擇、安全/老師證明 | 幼兒、興趣班、親子 |
| 13 | Global Language Grid | International modular page | 國際城市/文化 cue、module grid、課程級別清楚 | 預約試堂、語言/程度 selector | 語言學校、國際課程 |
| 14 | Music Atelier | Artistic editorial page | 暖色、樂器/演出圖、作品感排版、較慢節奏 | 查詢課程、程度選擇、老師作品 proof | 音樂老師、藝術教育 |
| 15 | Dance Motion Page | Animation-heavy energy page | 大字、高對比、斜切構圖、動態圖片或影片感 | 報名試堂、課程類型切換、動態 sticky CTA | 舞蹈、健身、表演 |
| 16 | Premium Advisory One-Pager | Full-page executive page | 低調高端、少卡片、長留白、顧問式敘事 | 私人評估 CTA、簡短 qualification form | 留學、高端顧問、財務 |
| 17 | Career Upskill Curriculum | Curriculum product page | 模組化課程、技能路線、證書/成果前置 | 報名課程、課程章節、早鳥提示 | 成人進修、職業培訓 |
| 18 | Workshop/Event Ticketing | Event registration page | 日期、講者、agenda、席位/截止時間放首屏 | 報名 CTA、倒數/名額提示、票種選擇 | Workshop、webinar、講座 |
| 19 | Corporate Training Brief | Enterprise proposal page | B2B proposal 感、能力矩陣、HR/管理層語氣 | 預約 briefing、企業人數/需求表單 | 企業培訓、HR 服務 |
| 20 | Coach Personal Brand | Portrait-led long-form page | 個人照片、語氣鮮明、轉化故事、長文信任 | Discovery call、fit check 問題、低壓 CTA | Coach、顧問、個人品牌 |
| 21 | Barrister Chambers | Institutional dark page | 深色、金屬/紙張細節、嚴肅權威、無花巧動畫 | 法律諮詢 CTA、案件類型、保密提示 | 律師樓、專業諮詢 |
| 22 | SME Finance Calculator | Calculator and comparison page | 數字 hero、試算、比較表、合規聲明 | 預約計算、假設輸入、免責聲明 | 會計、按揭、貸款 |
| 23 | Company Secretary Flow | Compliance process map | 流程線、文件狀態、package tier、清楚責任邊界 | 查詢服務、公司狀態 selector | 公司秘書、開公司服務 |
| 24 | Family Protection Story | Warm human story page | 家庭情境、生活照片、scenario cards、安心語氣 | 預約分析、家庭狀況表單、低壓跟進 | 保險、理財、家庭服務 |
| 25 | Property Showcase | Listing/media page | 全幅物業圖、規格、地圖/交通、睇樓資訊 | 查詢睇樓、時段選擇、WhatsApp agent | 地產、場地、酒店 |
| 26 | Mortgage Estimator | Estimator-first page | slider/calculator 首屏、月供估算、比較區 | 預約按揭計算、輸入假設、風險提示 | 按揭、貸款、金融轉介 |
| 27 | Immigration Journey Map | Pathway planning page | 簽證路線圖、國家/資格卡、階段式準備 | 預約評估、目的地/身份 selector | 移民、簽證、升學 |
| 28 | Wealth Office Minimal | Quiet high-net-worth page | 極少元素、深淺中性色、私人會面感、克制內容 | 私人諮詢 CTA、qualification form | 財務策劃、家族辦公室 |
| 29 | Recruitment Pipeline | Split audience page | Employer/Candidate 雙路徑、職位 pipeline、速度數據 | 提交招聘需求、職位 brief、人才查詢 | 招聘、人力資源 |
| 30 | B2B Case Study Page | Case-study proof page | Problem/Solution/Result、案例數據、顧問方法 | Discovery call、case download、需求表單 | B2B 顧問、agency |
| 31 | Romantic Editorial | Image-led story page | 婚禮/人物攝影、serif display、情感敘事 | 查詢檔期、WhatsApp、作品集 proof | 婚禮攝影、攝錄 |
| 32 | Event Spectacle | Fancy high-impact page | 大膽色彩、活動照片、動態 gallery、視覺衝擊 | 索取方案、活動類型選擇、作品 proof | 活動策劃、品牌活動 |
| 33 | Venue Immersion | Full-page venue scenes | 場地大圖、容量/設備 specs、沉浸式導覽 | 預約睇場、日期/人數 selector | 宴會廳、酒店、場地 |
| 34 | Floral Commerce Collection | Seasonal commerce grid | 商品 collection、節日分類、柔和產品攝影 | 立即訂購、場合/預算 filter、加購選項 | 花店、禮品、節日商品 |
| 35 | Dessert Preorder Shop | Playful commerce page | 甜品圖、產品 variant、可愛但清楚的訂購流程 | 預訂蛋糕、取貨/送貨選擇、口味 selector | 蛋糕、甜品、食品預購 |
001 至 035 Demo Style Assignment
| Template | 主要 style | 實作重點 |
|---|---|---|
| 001 美容院預約頁 | Soft Luxury Spa | 放慢節奏、精緻留白、安心預約。 |
| 002 醫學美容療程頁 | Clinical Authority | 醫療信任、安全聲明和資格前置。 |
| 003 補習社招生頁 | Academic Results | 成績、診斷和家長 proof 主導。 |
| 004 室內設計查詢頁 | Full-Screen Architecture Gallery | 大圖作品集與 project spec 主導。 |
| 005 搬屋公司報價頁 | Fast Quote Utility | 首屏報價、手機優先、WhatsApp 快速行動。 |
| 006 餐廳套餐推廣頁 | Food Desire Image Page | 食物大圖和套餐比較先行。 |
| 007 律師事務所查詢頁 | Legal Authority Document | 文件感、權威階層和案件分類。 |
| 008 會計報稅服務頁 | Ledger/Data Trust | 表格、文件清單和時間表建立信任。 |
| 009 WhatsApp 查詢頁 | WhatsApp Speed Page | 短 funnel、chat UI、回覆速度證明。 |
| 010 AI 行銷診斷頁 | AI Strategy Console | Console、機會矩陣和 30 天 roadmap。 |
| 011 補習成績提升試堂頁 | Exam Performance Lab | 診斷測試、能力缺口和進步路徑。 |
| 012 幼兒興趣班頁 | Playful Kids Studio | 親子安全感、老師 proof、明亮互動。 |
| 013 語言學校試堂頁 | Global Language Grid | 語言/程度 module 和國際感。 |
| 014 音樂老師招生頁 | Music Atelier | 藝術作品、老師風格和演出 proof。 |
| 015 舞蹈教室頁 | Dance Motion Page | 高能量動態、節奏感和強 CTA。 |
| 016 留學顧問頁 | Premium Advisory One-Pager | 高端顧問感、少量精準內容、私人評估。 |
| 017 成人進修課程頁 | Career Upskill Curriculum | 課程 module、職涯成果和證書 proof。 |
| 018 AI 工作坊報名頁 | Workshop/Event Ticketing | 日期、講者、agenda、名額。 |
| 019 公司培訓頁 | Corporate Training Brief | Enterprise proposal、能力矩陣和 HR proof。 |
| 020 Coach 諮詢頁 | Coach Personal Brand | 個人 portrait、轉化故事和 discovery call。 |
| 021 律師事務所查詢頁 | Barrister Chambers | 更深色、更 institutional、更嚴肅的權威感。 |
| 022 會計報稅服務頁 | SME Finance Calculator | 數字估算、比較和合規提醒。 |
| 023 公司秘書服務頁 | Company Secretary Flow | Compliance process map 和 package tier。 |
| 024 保險顧問預約頁 | Family Protection Story | 家庭情境、保障 scenario 和低壓預約。 |
| 025 地產代理放盤頁 | Property Showcase | Listing 大圖、規格、地圖和睇樓 CTA。 |
| 026 按揭轉介頁 | Mortgage Estimator | Calculator 首屏、月供估算和免責聲明。 |
| 027 移民顧問頁 | Immigration Journey Map | Visa pathway、國家卡和階段式準備。 |
| 028 財務策劃頁 | Wealth Office Minimal | 低調高淨值、私人 briefing 和 qualification。 |
| 029 招聘公司頁 | Recruitment Pipeline | Employer/Candidate split 和 pipeline metrics。 |
| 030 B2B 顧問服務頁 | B2B Case Study Page | 案例結構、成果數據和 discovery CTA。 |
| 031 婚禮攝影頁 | Romantic Editorial | 情感影像、serif display 和檔期查詢。 |
| 032 活動策劃頁 | Event Spectacle | Fancy 視覺、動態 gallery 和方案 CTA。 |
| 033 宴會場地頁 | Venue Immersion | 場地沉浸圖、capacity specs 和睇場表單。 |
| 034 花店節日訂購頁 | Floral Commerce Collection | 節日商品 collection、場合 filter 和訂購 CTA。 |
| 035 蛋糕甜品店頁 | Dessert Preorder Shop | 產品 variant、口味選擇和預購流程。 |
Style 差異化檢查清單
完成每個 template 前，必須逐項檢查：
- Hero composition 是否和前後模板不同，例如 full-screen、split-screen、calculator-first、gallery-first、form-first、portrait-first。
- Section rhythm 是否不同，例如 long-form narrative、短促 mobile funnel、dashboard modules、immersive scenes、commerce grid。
- Typography personality 是否不同，例如正式 serif、科技 sans、editorial display、utility compact、playful rounded。
- Image/content ratio 是否符合 style，例如 image-led 頁面不能只放一張普通 hero 圖。
- Trust mechanism 是否按行業改變，例如資格、數據、案例、before/after、文件清單、比較表、作品集、場地 specs。
- CTA treatment 是否不同，例如 sticky WhatsApp、private call、ticket registration、calculator submit、commerce preorder、tour booking。
- Interaction pattern 是否不同，例如 accordion 之外可用 estimator、filter、package selector、timeline、gallery、chat-like flow。
- Motion level 是否明確，並且 animation-heavy 頁面有 reduced-motion fallback。
模板選題原則
優先選擇以下類型：
- 客戶有明確商業價值，例如預約、查詢、報價、報名、訂購。
- 客戶願意為轉化率提升付費。
- 頁面可以用固定結構重複交付。
- 容易展示 before/after 或 demo 效果。
- 能自然 upsell 到 AI follow-up agent、內容 workflow 或 monthly optimization retainer。
優先製作的 10 個 Demo
第一批建議優先製作以下 10 個 demo，因為它們最容易對本地中小企展示價值：
- 美容院預約頁
- 醫學美容療程頁
- 補習社招生頁
- 室內設計查詢頁
- 搬屋公司報價頁
- 餐廳套餐推廣頁
- 律師事務所查詢頁
- 會計報稅服務頁
- WhatsApp 查詢頁
- AI 行銷診斷頁
100 個模板建議
| # | 模板方向 | 目標客群 | 風格方向 | 主要轉化目標 |
|---|---|---|---|---|
| 01 | 美容院預約頁 | 美容院、皮膚管理中心 | 柔和奢華、乾淨留白 | 預約體驗療程 |
| 02 | 醫學美容療程頁 | 醫美診所、療程中心 | 高信任專業、醫療感 | 預約諮詢 |
| 03 | 牙科洗牙/箍牙頁 | 牙科診所、牙齒矯正中心 | 潔淨醫療、親和清晰 | 預約檢查 |
| 04 | 物理治療預約頁 | 物理治療中心、痛症診所 | 康復可信、清爽專業 | 預約評估 |
| 05 | 中醫診所頁 | 中醫診所、針灸推拿服務 | 傳統現代混合、溫和信任 | 預約問診 |
| 06 | 健身教練試堂頁 | 私人教練、健身工作室 | 高能量運動、強對比 | 預約試堂 |
| 07 | 瑜伽工作室頁 | 瑜伽館、身心靈課程 | 平靜自然、低飽和 | 報名體驗課 |
| 08 | 營養師諮詢頁 | 營養師、體重管理顧問 | 健康清爽、自然色系 | 預約諮詢 |
| 09 | 心理輔導預約頁 | 心理輔導、家庭治療服務 | 溫暖安全、柔和人文 | 預約初談 |
| 10 | 眼鏡店驗眼頁 | 眼鏡店、視光中心 | 清晰科技、簡潔明亮 | 預約驗眼 |
| 11 | 補習社招生頁 | 補習社、升學中心 | 成績導向、家長信任 | 預約試堂 |
| 12 | 幼兒興趣班頁 | 兒童教育、親子課程 | 明亮親子、活潑可信 | 報名體驗 |
| 13 | 語言學校試堂頁 | 英語、日語、普通話學校 | 國際教育、現代清晰 | 預約試堂 |
| 14 | 音樂老師招生頁 | 私人音樂老師、音樂學校 | 藝術溫度、作品展示 | 查詢課程 |
| 15 | 舞蹈教室頁 | 舞蹈學校、表演訓練中心 | 動感潮流、強節奏 | 報名試堂 |
| 16 | 留學顧問頁 | 留學顧問、升學規劃機構 | 高端信任、顧問感 | 預約評估 |
| 17 | 成人進修課程頁 | 職業培訓、證書課程 | 職涯成長、資訊清晰 | 報名課程 |
| 18 | AI 工作坊報名頁 | 培訓公司、企業工作坊 | 科技簡潔、未來感 | 報名工作坊 |
| 19 | 公司培訓頁 | 企業培訓、HR 服務 | B2B 專業、穩重清晰 | 預約簡介 |
| 20 | 教練/Coach 諮詢頁 | Business coach、人生教練 | 個人成長、權威親和 | 預約探索通話 |
| 21 | 律師事務所查詢頁 | 律師樓、法律顧問 | 穩重權威、深色信任 | 預約法律諮詢 |
| 22 | 會計報稅服務頁 | 會計師、報稅服務公司 | 清晰可靠、數字導向 | 索取報價 |
| 23 | 公司秘書服務頁 | 公司秘書、開公司服務 | 商務效率、簡潔流程 | 查詢服務 |
| 24 | 保險顧問預約頁 | 保險顧問、理財顧問 | 家庭保障、溫暖信任 | 預約分析 |
| 25 | 地產代理放盤頁 | 地產代理、物業顧問 | 高端物業、大圖主導 | 查詢睇樓 |
| 26 | 按揭轉介頁 | 按揭顧問、貸款轉介 | 數字清楚、可信比較 | 預約計算 |
| 27 | 移民顧問頁 | 移民顧問、簽證服務 | 安心規劃、專業敘事 | 預約評估 |
| 28 | 財務策劃頁 | 財務顧問、家族辦公室 | 高淨值信任、低調高端 | 預約諮詢 |
| 29 | 招聘公司頁 | 招聘公司、人力資源顧問 | 人才效率、B2B 清晰 | 提交招聘需求 |
| 30 | B2B 顧問服務頁 | 管理顧問、策略顧問 | 策略簡約、案例導向 | 預約 discovery call |
| 31 | 婚禮攝影頁 | 婚攝、婚禮錄影團隊 | 浪漫作品集、情感敘事 | 查詢檔期 |
| 32 | 活動策劃頁 | 活動公司、品牌活動團隊 | 視覺衝擊、作品主導 | 索取方案 |
| 33 | 宴會場地頁 | 酒店、宴會廳、活動場地 | 高端場景、沉浸圖片 | 預約睇場 |
| 34 | 花店節日訂購頁 | 花店、禮品店 | 溫柔精緻、節日氣氛 | 立即訂購 |
| 35 | 蛋糕甜品店頁 | 蛋糕店、甜品品牌 | 可愛食慾、圖片主導 | 預訂蛋糕 |
| 36 | 私房菜預約頁 | 私房菜、廚師品牌 | 職人質感、故事敘事 | 預約用餐 |
| 37 | 餐廳套餐推廣頁 | 餐廳、火鍋店、日式料理 | 食物主導、優惠清晰 | 預約訂座 |
| 38 | 咖啡店會員頁 | 咖啡店、生活品牌 | 生活風格、社群感 | 加入會員 |
| 39 | 酒吧活動頁 | 酒吧、Live house | 夜色潮流、強視覺節奏 | 預約座位 |
| 40 | 到會服務頁 | 到會公司、派對餐飲 | 清楚套餐、實用比較 | 索取報價 |
| 41 | 家居清潔頁 | 清潔公司、家務助理服務 | 明亮安心、前後對比 | 預約清潔 |
| 42 | 冷氣清洗頁 | 冷氣清洗、維修公司 | 問題解決、清爽可信 | WhatsApp 報價 |
| 43 | 搬屋公司頁 | 搬屋公司、物流搬運服務 | 快速報價、流程清楚 | 索取搬屋報價 |
| 44 | 室內設計頁 | 室內設計公司、裝修設計 | 高質感作品集、極簡 | 預約設計諮詢 |
| 45 | 裝修工程頁 | 裝修公司、工程公司 | 案例信任、透明流程 | 索取估價 |
| 46 | 水電維修頁 | 水電師傅、維修服務 | 即時行動、手機優先 | 即時 WhatsApp |
| 47 | 滅蟲服務頁 | 滅蟲公司、清潔服務 | 危機處理、信任保證 | 預約檢查 |
| 48 | 家居收納頁 | 收納師、家居整理服務 | 整潔生活、before/after | 預約評估 |
| 49 | 保姆/月嫂服務頁 | 月嫂公司、陪月服務 | 溫暖可靠、家庭信任 | 查詢配對 |
| 50 | 寵物美容頁 | 寵物美容店、寵物服務 | 可愛信任、輕鬆親和 | 預約美容 |
| 51 | 汽車美容頁 | 汽車美容、鍍膜服務 | 型格高對比、細節特寫 | 預約服務 |
| 52 | 車房維修頁 | 車房、汽車維修中心 | 技術可信、直接清楚 | 預約檢查 |
| 53 | 租車服務頁 | 租車公司、旅遊車服務 | 行動便利、價格透明 | 查詢車款 |
| 54 | 物流速遞頁 | 速遞、同城物流服務 | 速度效率、B2B 實用 | 索取報價 |
| 55 | 倉儲服務頁 | 倉儲公司、電商物流 | B2B 實用、規格清楚 | 預約方案 |
| 56 | 電商產品頁 | 單一產品、DTC 品牌 | 直接銷售、強 CTA | 立即購買 |
| 57 | Shopify 店鋪促銷頁 | 電商品牌、網店 | 現代零售、優惠導向 | 購買促銷產品 |
| 58 | 精品服裝頁 | 服裝品牌、設計師品牌 | 時尚 editorial、模特圖主導 | 瀏覽系列 |
| 59 | 珠寶首飾頁 | 珠寶品牌、首飾店 | 奢華極簡、細節特寫 | 預約試戴 |
| 60 | 手作品牌頁 | 手作品牌、文創產品 | 溫度故事、自然材質 | 購買作品 |
| 61 | SaaS 免費試用頁 | SaaS 公司、軟件工具 | 科技清晰、功能分層 | 開始免費試用 |
| 62 | App 下載頁 | Mobile app、消費工具 | 動態年輕、手機截圖主導 | 下載 App |
| 63 | CRM demo 預約頁 | CRM、B2B 軟件 | B2B 可信、數據導向 | 預約 demo |
| 64 | AI 工具 waitlist 頁 | AI startup、新產品 | 未來感、簡潔神秘 | 加入 waitlist |
| 65 | Cybersecurity 服務頁 | 網絡安全、IT 安全顧問 | 深色專業、風險導向 | 預約安全評估 |
| 66 | IT support 頁 | IT 外判、技術支援 | 穩定可靠、服務清晰 | 查詢支援 |
| 67 | 網站設計服務頁 | Web agency、設計公司 | 作品主導、創意專業 | 預約諮詢 |
| 68 | SEO 服務頁 | SEO 顧問、行銷公司 | 數據導向、排名證明 | 索取 SEO audit |
| 69 | 廣告投放服務頁 | Performance marketing agency | ROI 導向、案例數據 | 預約策略通話 |
| 70 | Social media 代營運頁 | 社交媒體 agency、內容團隊 | 創意活力、貼文展示 | 索取方案 |
| 71 | KOL/Creator media kit 頁 | KOL、Creator、個人品牌 | 個人品牌、視覺強烈 | 商務合作查詢 |
| 72 | Podcast 節目頁 | Podcast、內容創作者 | 內容型、主持人主導 | 訂閱節目 |
| 73 | Newsletter 訂閱頁 | Newsletter、內容社群 | 文字信任、極簡閱讀感 | 訂閱 Email |
| 74 | 線上課程銷售頁 | Online course、知識產品 | 學習轉化、模組清楚 | 購買課程 |
| 75 | Webinar 報名頁 | 專家講座、線上活動 | 專家權威、限時報名 | 報名 webinar |
| 76 | 免費 ebook lead magnet 頁 | 顧問、B2B、教育品牌 | 簡潔收集、價值清楚 | 下載 ebook |
| 77 | Challenge 活動頁 | 社群活動、健身/學習 challenge | 社群動力、進度感 | 報名挑戰 |
| 78 | Membership 會員頁 | 會員制社群、訂閱服務 | 價值分層、權益清楚 | 加入會員 |
| 79 | NGO 捐款頁 | NGO、慈善項目 | 情感故事、真實照片 | 立即捐款 |
| 80 | 社企項目頁 | 社企、Impact project | 使命清晰、透明可信 | 支持項目 |
| 81 | 教會/社區活動頁 | 教會、社區中心、非牟利活動 | 溫暖親和、社群照片 | 報名活動 |
| 82 | 政策/倡議活動頁 | 倡議組織、公共議題活動 | 嚴肅可信、資訊清楚 | 參與聯署 |
| 83 | 旅遊套票頁 | 旅行社、Local tour | 沉浸圖片、假期感 | 查詢套票 |
| 84 | 酒店住宿頁 | 酒店、民宿、度假住宿 | 高端體驗、場景主導 | 預訂住宿 |
| 85 | 本地導賞團頁 | 導賞團、文化體驗 | 文化故事、路線清楚 | 報名導賞 |
| 86 | 攝影旅行團頁 | 攝影導師、旅行團 | 作品吸引、目的地主導 | 查詢團期 |
| 87 | 展覽活動頁 | 藝術展覽、品牌 pop-up | 藝術策展、沉浸視覺 | 預約參觀 |
| 88 | 演唱會/表演頁 | 表演活動、音樂會 | 強視覺節奏、娛樂感 | 購票 |
| 89 | 企業活動報名頁 | 研討會、商務活動 | 商務清晰、議程導向 | 報名活動 |
| 90 | 課程早鳥優惠頁 | 課程機構、培訓活動 | 限時轉化、優惠清楚 | 立即報名 |
| 91 | Black Friday 促銷頁 | 電商、零售品牌 | 高對比緊迫、強優惠 | 立即購買 |
| 92 | 新店開張頁 | 本地店舖、新品牌 | 地區導流、開張優惠 | 領取優惠 |
| 93 | 節日禮盒頁 | 禮品、食品、花藝品牌 | 溫暖禮品、節日感 | 預訂禮盒 |
| 94 | 母親節/父親節活動頁 | 餐飲、美容、禮品服務 | 情感促銷、家庭溫度 | 預訂優惠 |
| 95 | 免費諮詢預約頁 | 顧問、專業服務、B2B 公司 | 信任導向、簡潔說服 | 預約諮詢 |
| 96 | 報價請求頁 | 工程、服務、B2B 供應商 | 表單極簡、摩擦最低 | 提交報價需求 |
| 97 | WhatsApp 查詢頁 | 本地服務業、即時銷售團隊 | 手機優先、快速回覆 | 開始 WhatsApp 對話 |
| 98 | 作品集轉化頁 | 設計師、攝影師、創意公司 | 案例主導、作品沉浸 | 查詢合作 |
| 99 | Before/After 案例頁 | 美容、裝修、健身、清潔服務 | 結果證明、對比強烈 | 預約同類服務 |
| 100 | AI 行銷診斷頁 | eagleagentic.ai 自用、AI 顧問服務 | 科技信任、策略清晰 | 預約 AI 行銷診斷 |
後續產品化方式
每個模板後續可以拆成獨立資料夾，例如：
templates/001-beauty-booking/
templates/002-medical-aesthetic-treatment/
templates/003-tutoring-enrollment/
每個模板資料夾的核心交付應包含：
index.html：可獨立展示和交付的 landing page。README.md：模板用途、適合客戶、轉化目標、使用方式。
每個模板資料夾可以再加入輔助文件：
brief.md：目標客群、痛點、offer、轉化目標sections.md：頁面區塊、CTA、信任元素、FAQstyle-guide.md：色彩、字體、視覺方向、圖片需求demo-notes.md：demo copy、可替換內容、upsell 提示
第一階段交付標準
第一批 demo 不追求功能複雜，而是追求容易展示和容易成交。
每個 demo 至少應該具備：
- Hero 區塊有清楚 offer 和主要 CTA。
- 中段有痛點、服務內容、流程和信任元素。
- 底部有 FAQ 和 WhatsApp / 表單 CTA。
- Mobile-first，適合本地中小企客戶查看。
- 可接駁 AI lead capture 和 follow-up workflow。
- 使用對應行業的 style direction，避免所有 demo 看起來像同一個模板。
- 通過 mobile、tablet、desktop 三種 viewport 的人工檢查。
商業使用方式
模板可以用三種方式銷售：
- 低價模板：HKD 488 至 HKD 1,988，適合 digital product。
- 模板加安裝：HKD 3,000 至 HKD 8,000，適合快速服務交付。
- 客製化轉化頁：HKD 8,000 至 HKD 30,000，適合需要品牌化和內容策略的客戶。
最高價值的銷售方式，是把模板與 AI lead capture + follow-up agent 綁在一起，形成更完整的轉化系統。