馬尼王國

Landing Page 專案提案

蓋婭網頁設計 | 2026.04

蓋婭科技 | 葉昶志 | 0958-100-409

這份提案要回答的問題

  1. 昕陽的 Landing Page 需要做哪些東西
  2. 每個環節的技術怎麼實現
  3. 哪些可以先做、哪些要等昕陽確認?
  4. 完整的工作清單
蓋婭科技 | 葉昶志 | 0958-100-409

整體架構

蓋婭科技 | 葉昶志 | 0958-100-409

我們要交付的東西

項目 功能
Landing Page 主頁,九個區塊,引導報名或填點檢表
財商點檢表 17 題問卷 + 即時計分 + 財商性格結果
感謝頁 報名確認 + 匯款資訊 + 課前預告
Email 報告 完整財商性格分析報告(自動寄到家長信箱)
自動跟進信 7-11 封自動寄送的教學信 + 活動提醒
後台管理系統 場次管理、促銷設定、報名管理、點檢表回覆、網站設定
蓋婭科技 | 葉昶志 | 0958-100-409

系統架構

社群流量(IG / FB / Threads / 口碑) Landing Page 直接報名路徑 已決定的家長,直接填報名表單 點檢表路徑 猶豫的家長,先免費填問卷 資料庫 -- 名單 + 17 題答案 + 報名資料 + 場次 + 促銷設定 自動跟進信(7-11 封) 後台管理系統 網站主機(全球加速)
蓋婭科技 | 葉昶志 | 0958-100-409

Landing Page

蓋婭科技 | 葉昶志 | 0958-100-409

頁面架構:9 個 Section

Section 名稱 行銷功能
S1 Hero:場景化痛點 停留 + 情緒共鳴
S2 同理過渡 建立信任基礎
S3 願景落差 激發行動動機
S4 課程成果 購買理由(感性)
S5 課程內容與形式 購買理由(理性)
S6 信任補強 消除疑慮(機構層面)
S7 家長回饋 消除疑慮(同儕層面)
S8 FAQ 排除報名障礙
S9 報名資訊與 CTA 最終轉換
蓋婭科技 | 葉昶志 | 0958-100-409

雙行動按鈕策略

直接報名

針對已決定的家長

「立即報名」

出現在 S1 / S4 / S9

朋友推薦來的、已經在關注財商教育的家長。不需要更多說服,直接填表報名。

免費測財商性格

針對還在猶豫的家長

「免費測測孩子的財商性格」

出現在 S2/S3 之後、手機底部固定列

被社群貼文吸引來的、第一次聽到的家長。先用免費問卷降低門檻。

蓋婭科技 | 葉昶志 | 0958-100-409

S9 報名區 -- 自動連動後台

報名區的場次、價格、剩餘名額全部從後台即時讀取:

  • 昕陽在後台開新場次 → 報名區自動出現新場次選項(下拉選擇)
  • 早鳥截止日到期 → 自動切回原價
  • 名額快滿 → 顯示「僅剩 N 個名額」
  • 額滿 → 報名按鈕自動關閉,顯示「已額滿」

昕陽不需要找我們改網頁,自己在後台操作就好。

蓋婭科技 | 葉昶志 | 0958-100-409

財商點檢表

蓋婭科技 | 葉昶志 | 0958-100-409

點檢表使用者動線

家長點擊「測測孩子的財商性格」 填寫 17 題問卷(父母 7 題 + 孩子 10 題) 系統即時計分 顯示簡易結果 財商性格名稱 + 一段摘要(馬上看到) 留下 Email,取得完整分析報告 資料同步存入資料庫(17 題答案 + 聯絡資訊) 自動寄送完整報告 Email 報告尾巴帶出報名連結
蓋婭科技 | 葉昶志 | 0958-100-409

為什麼這樣設計?

即時給簡易結果 = 滿足好奇心 + 建立信任
再用「想看完整版」換 Email = 自然的價值交換

  • 家長不會覺得白填(馬上看到結果)
  • 留 Email 的動機明確(想看完整分析)
  • 名單品質高(真正有興趣的家長才會留)
  • 昕陽課前可以在後台看每個孩子的 17 題回答,做「課前診斷」
蓋婭科技 | 葉昶志 | 0958-100-409

需要昕陽提供

  • 計分邏輯:每個選項對應的分數
  • 財商性格分類:分幾種類型?各類型的名稱和描述?
  • 各類型的教養建議文案:用於完整報告 Email

我們負責把題目做成漂亮的網頁問卷、計分程式、結果頁面、Email 模板。

蓋婭科技 | 葉昶志 | 0958-100-409

計分邏輯:目前版本需要補強

昕陽已提供基礎版計分方式(A=1 / B=3 / C=5),可以跑出基本結果。但如果要支撐五維度圖表Email 完整分析報告,有三個地方需要補強:

問題 說明
父母 Q5 有 4 個選項 A/B/C/D 四選項,且 C(衝動消費型)不比 B(謹慎節儉型)好,無法套 A=1/B=3/C=5 的線性公式,需要獨立配分
分數範圍不吻合 Q6 不計分 → 父母只有 6 題計分,範圍 6-30 分。但目前分類門檻寫 7-35 分,需要調整
缺少維度對應 目前只有「加總分 → 一個分類」,無法算出各能力面向的個別分數。需定義每題歸屬哪個維度(如:金錢感知、消費自制力、儲蓄意識等)

補強後可以做到

  • 網頁即時顯示:多維度能力圖表 + 總結分類
  • Email 完整報告:逐維度解讀 + 對應教養建議 + 父母風格與孩子行為的交叉分析
  • 報告內容有層次,家長覺得「有料」,轉換率更高

我們可以先擬一版維度對應表給昕陽確認,不需要從頭想。

蓋婭科技 | 葉昶志 | 0958-100-409

報名流程

蓋婭科技 | 葉昶志 | 0958-100-409

報名表單

欄位: 家長姓名、電話、Email、孩子姓名、孩子年齡、場次選擇(下拉)、優惠碼(選填)

場次選擇: 下拉選單,自動從後台讀取可報名的場次(含日期、地點、剩餘名額)

金額計算: 系統根據場次價格、是否在早鳥期間、揪團人數、優惠碼自動計算應付金額

付款流程(初期): 送出後顯示匯款資訊(銀行帳號 + 應付金額)→ 家長轉帳 → 回填匯款末五碼 → 昕陽在後台確認付款

蓋婭科技 | 葉昶志 | 0958-100-409

未來升級:線上金流

當報名量增加,可串接第三方金流服務:

串接後的好處:

  • 家長可線上刷卡或取得虛擬帳號
  • 轉帳後系統自動對帳,付款狀態即時更新到後台
  • 不需要人工比對末五碼
  • 節省昕陽的時間,報名量越大效益越明顯

可選擇的金流服務包含統一金流、藍新金流、PayNow 等,都支援信用卡和虛擬帳號付款。

初期先用手動轉帳跑起來,等報名穩定後再升級串接金流。

蓋婭科技 | 葉昶志 | 0958-100-409

後台管理系統

蓋婭科技 | 葉昶志 | 0958-100-409

後台功能總覽

昕陽登入後台就能管理所有資料,不需要找我們改網頁。

功能模組 說明
場次管理 新增/編輯場次(日期、時間、地點、人數上限)、上下架
定價設定 原價、早鳥價、揪團價,所有場次統一套用
促銷設定 早鳥截止天數、揪團成團人數
優惠碼 建立/停用優惠碼、設定折扣、使用上限、備註欄、使用紀錄
報名管理 報名列表、付款狀態切換、查看使用的優惠碼、篩選、匯出
點檢表回覆 17 題完整答案、財商性格、篩選、匯出
網站設定 頁面標題、Meta 描述、OG 圖片、GTM 追蹤碼 ID
蓋婭科技 | 葉昶志 | 0958-100-409

場次管理 + 自動連動

後台操作 新增場次 設定人數上限 20 人 設定早鳥價 + 開課前 14 天截止 報名額滿 場次下架 自動連動 Landing Page 自動反映 報名區出現新場次下拉選項 顯示「剩餘 N 個名額」 到期自動切回原價 報名按鈕自動關閉,顯示「已額滿」 報名區自動移除該場次
蓋婭科技 | 葉昶志 | 0958-100-409

促銷設定

定價(所有場次統一)

  • 原價:例如 NT$1,500
  • 早鳥價:例如 NT$1,200
  • 揪團價:例如 NT$999 / 每人
  • 後台設定一次,所有場次自動套用

早鳥機制

  • 設定「開課日前 X 天」截止
  • 例:開課前 14 天自動切回原價
  • 每個場次根據自己的開課日自動計算

限額機制

  • 每場次設定人數上限
  • 剩餘 5 位以下顯示提醒
  • 額滿自動關閉報名
  • 以確認付款人數為準

優惠碼

  • 建立折扣碼(金額或百分比)
  • 設定使用次數上限
  • 可隨時停用
  • 備註欄(記錄發給誰、什麼用途)
  • 訂單紀錄可查看使用了哪個優惠碼

優惠碼可發給推廣者,在後台統計每個碼的使用次數和轉換效果。

蓋婭科技 | 葉昶志 | 0958-100-409

網站設定

後台可直接修改,不需要改程式碼:

  • 頁面標題(瀏覽器分頁顯示的名稱)
  • Meta Description(Google 搜尋結果的描述文字)
  • OG Image(在 Facebook / Line 分享時顯示的圖片)
  • GTM 追蹤碼 ID(Google Analytics 和 Meta Pixel 統一透過 GTM 管理)

修改後即時生效,不需要重新部署網站。

蓋婭科技 | 葉昶志 | 0958-100-409

Email 自動跟進信

蓋婭科技 | 葉昶志 | 0958-100-409

自動化序列

家長留 Email 後,自動收到一系列教學信 + 活動提醒:

天數 主題 類型
Day 0 歡迎信 + 財商性格解讀回顧 價值
Day 2 在家就能做的財商練習 教學
Day 4 零用錢怎麼給最有效 教學
Day 7 孩子亂花錢怎麼辦 教學
Day 10 先存後花的日常實踐 教學
Day 14 體驗活動介紹 + 家長見證 軟銷售
Day 17 名額倒數 銷售
Day 20 最後提醒 銷售

使用專業 Email 行銷平台,支援自動化排程和開信率追蹤。

蓋婭科技 | 葉昶志 | 0958-100-409

昕陽考慮:是否需要自動跟進信?

自動跟進信(連續信)是漏斗中把潛在客戶轉為報名的關鍵環節,但需要投入時間準備內容。

如果做

好處 說明
自動培養信任 家長留 Email 後,系統自動寄出教學內容,不需要手動跟進
降低銷售壓力 前幾封是純教學(零用錢怎麼給、亂花錢怎麼辦),最後才帶出報名
提高轉換率 沒有馬上報名的家長,透過持續觸及,可能在第 2-3 週決定報名
名單不浪費 辛苦取得的 Email 名單持續產生價值

如果先不做

  • 家長填完點檢表 → 只收到一封完整報告信,後續沒有自動觸及
  • 需要昕陽自己手動在 Line / IG 追蹤這些潛在客戶
  • 可以之後再補上,系統架構不受影響

建議

先決定要不要做。如果要做,文案我們協助撰寫,昕陽只需要確認內容方向即可。

蓋婭科技 | 葉昶志 | 0958-100-409

基礎建設

蓋婭科技 | 葉昶志 | 0958-100-409

主機、網域與追蹤

項目 說明
網站主機 雲端主機,全球 CDN 加速,載入速度快、穩定性高
資料庫 雲端資料庫,自動備份
自動寄信 點檢表報告、報名確認、付款通知自動觸發
網域 網域註冊 + DNS 管理
SSL 憑證 自動提供,確保安全連線
追蹤碼管理 透過 GTM 統一管理 Google Analytics 和 Meta Pixel

追蹤事件:頁面瀏覽、各 section 到達、按鈕點擊、點檢表完成、報名送出

GTM 的追蹤碼 ID 可在後台設定。Google Analytics 和 Meta Pixel 的細節設定在 GTM 後台操作。

蓋婭科技 | 葉昶志 | 0958-100-409

工作清單

蓋婭科技 | 葉昶志 | 0958-100-409

完整交付項目

# 工作項目 負責 前置條件
1 Landing Page 視覺設計 設計師 確認配色方向
2 Landing Page 開發(S1-S9,手機版) 開發 #1 設計定稿
3 點檢表頁面設計 + UI 開發 設計師 + 開發
4 點檢表計分 + 後端串接 開發 昕陽確認計分邏輯
5 完整報告 Email 模板 設計師 + 開發
6 報名表單 + 後端串接 開發
7 感謝頁設計 + 開發 設計師 + 開發
8 後台管理系統 開發
9 自動跟進信設定 + 文案(8 封) 開發 昕陽決定是否需要
10 網域 + 主機部署 開發 昕陽確認網域
11 追蹤碼嵌入(GTM + GA4) 開發
12 Meta Pixel 設定 投手 配合投手處理
13 素材替換(照片、影片、老師資料) 開發 昕陽提供素材
蓋婭科技 | 葉昶志 | 0958-100-409

成案後的執行順序

階段 工作內容 需要昕陽配合
1. 設計 設計師進行視覺設計(配色定稿、各頁面設計) 確認設計方向
2. 開發 前端頁面 + 後台系統 + 資料庫 提供素材(照片、老師資料、見證)
3. 內容 點檢表計分串接、Email 模板 確認計分邏輯、性格文案
4. 上線 網域設定、部署、追蹤碼嵌入 確認網域、定價、活動日期
蓋婭科技 | 葉昶志 | 0958-100-409

需要昕陽確認的項目

  • 最終定價(原價 / 早鳥 / 揪團)
  • 活動日期 / 時間 / 地點
  • 點檢表計分邏輯(基礎版已收到,需補強維度對應)
  • 老師詳細資料 + 照片
  • 課堂照片 / 教材照
  • 家長見證影片
  • 網域名稱
  • GA4 帳號(可由我們協助建立)
  • Meta Pixel 帳號(需配合投手處理)
  • 是否需要自動跟進信
蓋婭科技 | 葉昶志 | 0958-100-409

執行項目明細

蓋婭科技 | 葉昶志 | 0958-100-409

視覺設計(設計師負責,另行報價)

執行項目 包含內容
Landing Page 設計 配色方案定稿、S1-S9 九個區塊的視覺設計、桌機與手機版適配
點檢表頁面設計 問卷 UI、結果頁、能力圖表的視覺風格
感謝頁設計 報名摘要、匯款資訊、流程指示的視覺風格
Email 模板設計 點檢表報告信、報名確認信、付款完成通知的排版設計
OG Image 社群分享時顯示的圖片

設計費用不含在蓋婭製作費中,由設計師直接報價。

蓋婭科技 | 葉昶志 | 0958-100-409

蓋婭執行:一、前端開發

執行項目 包含內容
Landing Page 開發 9 個 section 的 HTML/CSS 實作、scroll 進場動畫、圖片排版
報名彈窗 場次下拉選擇、優惠碼輸入與套用、金額自動計算、表單驗證
財商點檢表頁面 17 題問卷互動 UI、作答進度條、即時計分、結果頁含能力圖表
感謝頁 報名摘要、匯款資訊區塊、末五碼回填表單、四步驟流程指示
手機版優化 底部固定列(報名 + 測財商性格)、觸控操作優化、跨裝置測試
蓋婭科技 | 葉昶志 | 0958-100-409

蓋婭執行:二、後台管理系統

執行項目 包含內容
資料庫設計 場次、報名紀錄、點檢表回覆、優惠碼、網站設定等資料表
後台框架 管理介面開發、密碼保護登入機制
場次管理 新增/編輯場次、上下架控制、Landing Page 報名區即時連動
定價與促銷 原價/早鳥/揪團價設定(全場次統一)、早鳥自動到期、限額機制
優惠碼管理 建立/停用優惠碼、折扣金額或百分比、使用上限、備註欄、使用紀錄
報名管理 報名列表、付款狀態切換、查看使用的優惠碼、篩選條件、匯出 CSV
點檢表管理 查看 17 題完整答案、財商性格分類、依日期/性格篩選、匯出 CSV
網站設定 頁面標題、Meta 描述、OG 分享圖片、GTM 追蹤碼 ID,修改即時生效
蓋婭科技 | 葉昶志 | 0958-100-409

蓋婭執行:三、Email 系統 + 部署 + 追蹤

執行項目 包含內容
點檢表報告信 留 Email 後自動寄送完整分析報告
報名確認信 匯款資訊、專屬「回報匯款」連結(之後才轉帳的家長用)
付款完成通知 後台確認付款後自動觸發,含課前預告資訊
自動跟進信 行銷平台帳號設定、自動化排程建立、8 封信件文案協助撰寫(昕陽確認內容方向)
主機與網域 雲端主機部署、網域 DNS 設定、SSL 憑證、CDN 全球加速
動態頁面資訊 後台修改頁面標題/分享圖片等設定後,網站即時生效
追蹤碼設定 GTM 容器建立、Google Analytics 事件追蹤
素材上稿 照片/影片/老師資料/見證內容填入,全頁最終校對
蓋婭科技 | 葉昶志 | 0958-100-409

昕陽的下一步

確認合作後,只需要回覆這些就能啟動

蓋婭科技 | 葉昶志 | 0958-100-409

昕陽需要做的事

優先級 項目 說明
已確認 品牌金句 「每個孩子都有獨特的財商性格,懂他,才能教對他。」
確認定價 建議原價 NT$1,500 / 早鳥 NT$1,200 / 揪團 NT$999
點檢表計分邏輯 基礎版已收到,需補強維度對應(我們可先擬草稿)
老師資料 科系、教過幾場、至少 1 張照片
活動資訊 第一場的日期、時間、地點、人數上限
網域名稱 想用什麼網址?
課堂照片 / 教材照 有了放上去,沒有先用佔位圖
家長見證 有影片最好,先用文字也行
決定 自動跟進信 是否需要 7-8 封自動寄送的教學信?(可之後再補)
蓋婭科技 | 葉昶志 | 0958-100-409

費用說明

蓋婭科技 | 葉昶志 | 0958-100-409

一次性製作費用(不含設計)

NT$35,000(未稅)

包含項目 內容
Landing Page 開發 9 個區塊 HTML/CSS/JS 實作、手機版適配、scroll 動畫、Sticky Bar
報名系統 報名表單(多位孩子動態新增、場次讀取、優惠碼驗證、金額計算)、感謝頁匯款回填
點檢表系統 17 題互動問卷、即時計分、結果頁、留 Email 自動寄送報告
後台管理系統 場次管理、定價設定、優惠碼、報名管理、點檢表回覆、網站設定
Email 自動化 點檢表報告信、報名確認信、付款完成通知(3 封自動觸發)
部署上線 雲端主機部署、DNS 設定、SSL、GTM + GA4 追蹤碼設定
自動跟進信 行銷信帳號建立、自動化序列設定、8 封信文案協助撰寫(昕陽確認方向即可)
素材上稿 照片/文案/老師資料填入,全頁校對
操作教學 後台操作教學,確保昕陽能獨立管理場次、報名、優惠碼

視覺設計由設計師另行報價,不含在此費用中。
本報價不含廣告投放相關設定。

蓋婭科技 | 葉昶志 | 0958-100-409

每月持續性費用

系統管理費

NT$1,500 / 月(未稅)

一次簽約一年(NT$18,000/年)

包含:

  • 系統正常運作監控
  • 小幅文字、圖片修改
  • 技術問題排除
  • 資料庫備份確認
  • 套件安全性更新

不含新功能開發或頁面大改版。

雲端基礎設施費用

實報實銷(初期約 NT$500-600/月)

每月提供帳單明細,依實際用量計算。

包含:

  • 網站主機 + CDN 全球加速
  • 資料庫(自動備份)
  • 自動寄信服務
  • 程式運算

用量隨報名數和流量成長,費用透明。

蓋婭科技 | 葉昶志 | 0958-100-409

其他費用

網域

NT$950 / 年(未稅)

包含:

  • 網域名稱註冊
  • DNS 管理
  • 年度續約

自動跟進信平台

客戶自行綁卡

  • 免費額度:1,000 位訂閱者
  • 超量後約 $10 美元/月起
  • 昕陽可自行登入編輯信件內容
蓋婭科技 | 葉昶志 | 0958-100-409

費用總覽

項目 費用 週期
一次性製作費 NT$35,000(未稅) 一次
視覺設計 另行報價 一次
系統管理費 NT$1,500/月(未稅) 年約,NT$18,000/年
雲端基礎設施 實報實銷(初期約 NT$500-600/月) 每月帳單
網域 NT$950/年(未稅) 年繳
自動跟進信平台 初期免費,客戶自行綁卡 月繳(成長後)
蓋婭科技 | 葉昶志 | 0958-100-409

有問題隨時問

期待合作

蓋婭科技 | 葉昶志 | 0958-100-409
版本 2026-04-14