AI MARKETING PAGES · 學習路徑

三門課其實是一條學習線:
從學單招,到做出產品級作品。

AI 時代你升格成甲方——開規格、下發包、做驗收,施工交給 AI。這條學習線分三段:先在基礎課學會每一招、再在進階課把單招組成一個完整產品與漏斗、最後用 K-Rider 看到把全部疊起來能做到什麼。下面是完整地圖。

STAGE 1 · 基礎

學單招

用 AI 對話生整頁、生視覺、加特效與遊戲、免費上線、收 email 名單。每一招獨立可用。

STAGE 2 · 進階

組成完整產品 + 漏斗

把單招串成一個會生圖、會收名單、有防刷與後台的完整產品(目標九宮格)。

STAGE 3 · 天花板

產品級示範

K-Rider:真實股價資料管線 + 物理模擬 + AI 互動 + 名單漏斗,看到頂長怎樣。

三門課

照順序走最順;每一門都能單獨開,也都能免費看、免費玩。

課程 01 · 基礎

AI 互動行銷頁實作課

給不會寫程式的行銷人

13 個模組,每個教一招:AI 生頁、結構化生圖、互動特效、抽獎與心理測驗、GitHub Pages 上線、即時呼叫 AI、自動更新、收 email 名單、SEO 與成效追蹤。

產出:一系列可玩的單頁技巧  立即開始 →

課程 02 · 進階

目標九宮格實戰

上過基礎課、想做完整產品的人

把單招組成一個上線產品:填九宮格 → AI 補格 → 選風格生桌布(長任務輪詢)→ canvas 合成文字 → 下載 → email 換 30 天行動追蹤表。含防刷額度與 admin 後台。

產出:一個上線的完整產品 + 名單後台  看進階課 →

示範 · 天花板

K-Rider 線騎手

想看「做到頂」長怎樣的人

騎機車衝真實歷史股價 K 線的網頁遊戲。把基礎課的進階模組全疊成產品級結果:資料管線、特效、AI 嘴砲、排行榜與名單漏斗。附完整拆解。

示範作品,不開課  直接玩 →

完整模組總覽

基礎課教單招、進階課把對應的招深化成產品級。左右對照看得出每一招怎麼長大。

基礎課 · 行銷頁實作13 模組,每個一招

  • 0行前準備:工具與心態
  • S甲方思維:動手前先開規格
  • 1第一個活動頁:用 AI 對話生整頁
  • 2AI 視覺資產:從許願到可控
  • 3互動特效:讓頁面活起來
  • 4行銷遊戲:抽獎、刮刮樂、測驗
  • 5上線:部署決策樹 + GitHub Pages
  • 6進階:頁面即時呼叫 AI
  • 7進階:讓活動頁自己更新
  • 8Prompt 兵法:context、圖片與驗收
  • 9收 email 名單:報名頁 + 後端 + 後台
  • 10被看見:SEO / OG / AEO・GEO
  • 11成效追蹤:GA / Meta Pixel

進階課 · 目標九宮格把單招組成一個完整產品

  • 00課程總覽 + 前課銜接
  • 01產品定位與命名(IP / 商標)
  • 02九宮格 UI 與資料模型
  • 03AI 補格(Worker + LLM JSON)
  • 04圖片上傳與前端縮圖
  • 05AI 桌布背景:長任務 job + 輪詢
  • 06canvas 文字合成
  • 07AI 編輯迴圈 + 可攜帶 prompt
  • 08防刷與額度(Turnstile + 四層防線)
  • 09Email 收集 & admin 後台(D1 + CSV)
  • 10進階 9×9 + 發佈與 SEO / AEO

天花板示範 · CASE STUDY

K-Rider:把所有招疊成一個產品級作品

K-Rider 不是課,是一個示範:證明這套方法做到頂能長什麼樣。它是一個騎機車衝真實歷史股價 K 線的網頁遊戲,撞到 AI 生成的事件路標、摔車時 AI 會嘴你,玩完留 email 換每日挑戰。背後把基礎課的進階模組全用上了。

視覺資產 → HUD / 結算卡 特效 → Canvas + WebAudio 部署排程 → Actions 多 cron 抓股價 AI Worker → Groq 嘴砲 名單漏斗 → D1 + 後台
直接玩 K-Rider →

想深入的人可以走支線:K-Rider 附完整 case study,把規格書、prompt chain 與驗收清單(78 個自動化測試)攤開,當作進階自修教材。它是 showcase 的逆向拆解,不是可報名的課程模組。

貫穿三課的方法論

三門課用的是同一套心法,只是規模不同。

甲方思維

把自己當甲方,動手前先開規格。基礎課模組 S 是這套的入口。

AI 發包法

開規格 → 下發包 → 做驗收。K-Rider 把「規格 + prompt + 驗收清單」一起出貨。

零依賴 · 免費上線

不裝建置工具,瀏覽器直接跑;GitHub Pages + Cloudflare 免費額度內就能上線。

漏斗誠實

免費先給、留資換加值、即時兌現真資產,不依賴寄信。