誰適合這堂課？— 非工程師的 9 種情境

• 模板看起來都一樣，很難凸顯個人特色。
• AI 生了頁面，「送出」後資料卻找不到。
• 面試常被問「資料怎麼保存？」說不清楚。

一頁式作品集＋聯絡我表單。訪客留言會被保存，你能隨時查看、整理。

1. 描述你想要的版面與色系，AI 生成雛形。
2. 把「聯絡我」接到可保存的資料表。
3. 上線測試，確認手機開也順暢。

• 個人簡介與照片 1 張
• 3–6 件代表作品（連結或圖片）
• 想收集的欄位（姓名、Email、訊息等）

• 平台規則常改、抽成高；想自己掌握。
• 只需要「介紹＋下單/預約」，不想被複雜功能拖累。
• 最怕：表單送出後沒留名單、漏單。

品牌單頁＋下單/預約表單。名單會自動保存，方便追蹤與回覆。

1. 用 AI 做出品牌頁（圖片與說明）。
2. 加上收單/預約表單並接到資料表。
3. 測試流程：填寫→保存→查到名單。

• 品牌名稱、Logo 或招牌照
• 2–4 項主打商品/服務的照片與說明
• 下單要收集的欄位（姓名、電話、時間等）

• 時間零碎，很難從頭學一堆工具。
• 想先收名單，但卡在表單與保存。
• 上線、網域、SSL 這些名詞不想研究太多。

一頁式服務介紹＋Email 收集。把有興趣的人留下來，之後好跟進。

1. 描述服務與對象，AI 生成著陸頁。
2. 加「留下 Email/詢問」表單並保存。
3. 上線測試，確認可正常接收名單。

• 一句話價值主張、3 項服務重點
• 要收集的欄位（Email、需求簡述）
• 一張代表形象的照片（選擇性）

• 教材、公告、作業分散在不同平台。
• 想留住資料並快速查詢、下載。
• 重視隱私與權限，怕設定錯誤。

教學首頁＋作業繳交/問卷。老師可查詢、下載名單，學生體驗完整。

1. 生成課程首頁與繳交表單。
2. 把繳交資料保存，並做簡易查詢頁。
3. 上線測試，完善隱私與備份。

• 課程名稱、學期資訊、教材連結
• 繳交欄位（姓名、學號、檔案/連結等）
• 基本課堂規範與隱私說明

• 平台文章散落，缺少自己的門面。
• 想收 Email 訂閱，卻不會保存名單。
• 需要簡單的回饋/合作洽詢方式。

個人官網首頁＋訂閱/回饋。讓讀者留下聯絡，集中管理。

1. 生成首頁區塊（精選＋關於我）。
2. 加訂閱/回饋表單並保存名單。
3. 測試通知與每週匯整（選用）。

• 3–6 篇代表文章連結
• 自介、聯絡方式
• 訂閱欄位（Email、主題偏好）

• 作品放在 IG/Behance，不好放報價/流程。
• 私訊容易漏掉，需要集中管理洽詢。
• 想要輕量、好看、能保存名單的網站。

作品展示頁＋洽詢表單。每一則洽詢都找得到、追得上。

1. 生成作品集網格與介紹區。
2. 加洽詢表單並保存名單。
3. 測試通知與後續聯絡方式。

• 9–12 張代表作品與簡短說明
• 洽詢欄位（姓名、Email、需求）
• 服務流程或合作方式的文字

• 時間很趕，不想被長篇教學卡住。
• Google 表單不夠吸睛，轉換率低。
• 需要能即時查看與匯出名單。

招生單頁＋報名表單。名單當天就看得到，也能匯出 Excel。

1. 生成招生頁與活動資訊區。
2. 加報名表單並保存名單。
3. 建立「名單查看」小頁，現場可用。

• 社團簡介與照片
• 活動時間、地點、費用
• 報名欄位（姓名、系級、聯絡方式）

• 沒有時間從零打造，但需要能代表品牌的門面。
• 投資人/媒體/合作夥伴要快速了解與聯絡。
• 想保留洽談需求，方便後續追蹤。

品牌單頁＋洽談表單。價值主張清楚、聯絡不漏接、需求可追蹤。

1. 生成品牌頁（定位、亮點、社群連結）。
2. 加「聯絡/試用申請」表單並保存。
3. 上線測試，整理常見問答（選）。

• 一句話定位、三個亮點
• 媒體/產品截圖 3–5 張
• 洽談欄位（Email、公司、需求）

• 想把 Figma/草圖變成真的頁面，不知怎麼開始。
• 卡在「送出會不會保存」這一步，信心下降。
• 需要先有一個可展示的小作品。

簡潔的展示頁＋回饋/留言表單。收到真實回饋，快速調整設計。

1. 用你的草圖描述要素，AI 生成雛形。
2. 加回饋/留言表單，確認送出即保存。
3. 上線並收集第一批回饋。

• 一頁草圖或參考網站 1–2 個
• 回饋欄位（Email、建議、喜歡/不喜歡）
• 一段作品說明（50–100 字）