提示詞
工作坊高轉換率落地頁 (Landing Page) 範本
提供給 AI(如 Gemini, Claude 3.5 Sonnet, GPT-4o 或 Lovable/Cursor),只要將下方的 [關鍵字/內容] 區塊填入你的實際資訊,AI 即可根據歸納出的成功模式,為你產出一個現代化、具層次感且高轉換率的單一網頁報名系統。
2026-10-19 更新#網頁設計#行銷#關鍵字#Landing Page#單一網頁報名系統
# AI 工作坊高轉換率落地頁 (Landing Page) 製作指令範本 這份文件旨在提供給 AI(如 Gemini, Claude 3.5 Sonnet, GPT-4o 或 Lovable/Cursor),只要將下方的 [關鍵字/內容] 區塊填入你的實際資訊,AI 即可根據歸納出的成功模式,為你產出一個現代化、具層次感且高轉換率的單一網頁報名系統。 --- ## 🚀 網頁設計邏輯 (Design Logic) 1. **Scarcity & Urgency**: 包含早鳥優惠倒數與名額限制。 2. **Authority & Trust**: 講師資歷與學員見證 (Social Proof)。 3. **Problem-Solution**: 先定義痛點(外包貴、技術難),再提供 AI 作為解決方案。 4. **Vibe Coding Aesthetic**: 簡約、現代、半透明玻璃質感 (Glassmorphism),並包含一組互動式小工具 (Interactive Tool)。 --- ## 📝 內容填寫區 (Content Definitions) ```markdown ### 1. 核心資訊 (Basic Meta) - 課程名稱:[例如:AI 零程式速成架站課] - 核心價值主張 (Slogan):[例如:不用寫程式,講人話就能讓網站上線] - 活動時間:[例如:2026/04/12 13:00 - 17:00] - 活動地點:[例如:台北市市中心 / 線上 Zoom] ### 2. 痛點診斷 (Pain Points) - 痛點 1:[例如:想做網站但看到程式碼就頭痛] - 痛點 2:[例如:外包網頁報價動輒數萬,修改還要等工程師] - 痛點 3:[例如:學了 AI 卻不知道怎麼在商務流程落地] ### 3. 課程大綱 (Syllabus) - 建議 4 階段 - 階段 01:[例如:觀念建立與環境設定] - 階段 02:[例如:將靈感轉譯為指令] - 階段 03:[例如:實戰生成與一鍵部署] - 階段 04:[例如:優化、交付與行銷整合] ### 4. 講師資訊 (Instructor) - 姓名:[例如:陳小明] - 頭銜:[例如:資深 AI 應用顧問] - 核心亮點:[例如:輔導超過 100 位學員建立自動化流程] ### 5. 方案與價格 (Pricing) - 早鳥票:[例如:NT$ 3,200 (截止日期前)] - 一般票:[例如:NT$ 4,800] - 團報票:[例如:三人同行 8,800] ``` --- ## 🤖 AI 提示詞 (Prompt for AI) 請直接複製以下內容並貼給 AI: > **角色設定**:你是一位頂尖的資深 Web 開發者與數位行銷設計師。 > **任務描述**:根據我提供的 [內容填寫區] 資料,請為我製作一個美觀、具備動態效果的單一網頁報名頁 (One-Page Landing Page)。 > > **設計規範**: > 1. **視覺風格**:使用 Vanilla CSS 進行排版,採用高級中性色調(如炭黑、暖灰與金棕色點綴)。加入微量的動畫效果,如:捲動出現、Hover 縮放。 > 2. **必要元件**: > - **Hero Section**:包含鮮明的標題、副標題與「立即報名」主按鈕 (CTA)。 > - **Pain Points Section**:用 01, 02, 03 的卡片設計展示使用者的痛點。 > - **Syllabus Section**:使用垂直時間軸 (Timeline) 呈現課程四階段。 > - **Instructor Section**:圖文並茂的講師簡介。 > - **Interactive Tool (重要)**:模仿 Vibe Coding 網頁,內建一個簡單的小功能,如「AI 架站靈感產生器」點擊按鈕會隨機顯示 (目標對象 + 工具類型) 的組合。 > - **Register / Pricing Section**:清晰的票價對比圖,包含報名連結。 > 3. **響應式設計**:確保手機版 (RWD) 閱讀順暢。 > - **SEO**:包含適當的 H1, H2 與 Meta Description。 > > **輸入資料**: (請將上方填寫好的 [內容填寫區] 貼於此處) ---
範例
輸入
使用 canvas,填入必要資訊,按下提交,等待30秒,就產生啦 最下方的報名表,簡單一點可以用cake、google表單,只要連結給 Gemini,說要替換,即可輕鬆搞定。
輸出
https://gemini.google.com/share/0e00c9acc055 https://kmuftp-creater.github.io/workshoplp
互動
留下你的使用痕跡
收藏只會記在你的帳號下,不公開收藏者名單。