AI 互動行銷頁實作課 — 課程總覽目錄

AI MARKETING PAGES COURSE

AI 互動行銷頁實作課

不寫程式,做出會動、會玩、能上線的活動網頁。

這門課給誰上

會企劃活動、會寫文案的行銷人
天天用 ChatGPT / Claude / Gemini 聊天,但不會寫程式
每次要做活動頁,都得排隊等工程師或外包
需要的只有:瀏覽器、一個 AI 聊天工具、免費 GitHub 帳號

核心轉換

把你已經有的「會描述需求」,變成「能自己做出活動頁」。

完課後你能做到

用 AI 對話生出一整頁有質感的活動網頁
用結構化 prompt 生出風格一致的活動視覺
幫頁面加上粒子、蒸氣、動態背景等互動特效
做出拉霸抽獎、心理測驗等互動遊戲
自己上線(GitHub Pages),看懂何時要 Vercel / Render / Cloudflare

模組地圖

模組	標題	產出
0	行前準備:工具與心態	環境就緒
1	第一個活動頁:AI 對話生整頁	活動 landing page
2	AI 視覺資產:從許願到可控	一套風格一致的視覺
3	互動特效:讓頁面活起來	動態 hero
4	行銷遊戲:抽獎、刮刮樂、測驗	可玩的互動遊戲頁
5	上線:部署決策樹 + GitHub Pages	一個真實網址
6 · 7	進階:即時 AI / 自動更新	選修

課程三原則

零 build — 全部是單一 HTML 檔,雙擊就開,不裝開發工具
免費 tier — 整條生產線不花一毛錢
prompt 是核心技能 — 帶走的不是程式碼,是跟 AI 要東西的方法

三個完整 Demo:山霧咖啡

Demo	內容	對應模組
01 開幕週活動頁	AI 生成 hero 圖 + 蒸氣 + 粒子 + 倒數	1 + 2 + 3
02 山霧拉霸	機率表 + 優惠碼 + 防重抽	4A
03 咖啡人格測驗	加權計分 + 分享圖卡下載	4B

demos/index.html 雙擊即開

開始之前

所有 demo 都是用課堂上教的方法做出來的——包括那張山嵐窗景的熱拿鐵。

← → 翻頁