銷售頁 Hero 區：主打「無腦＋5 分鐘」的核心賣點，搭配早鳥優惠倒數計時，讓人一進頁面就抓到重點。
為什麼要做這個作品
把自己多年寫腳本的經驗做成一份短影音腳本模板包，用一頁銷售頁講清楚「從腦袋空白到可拍腳本只要 5 分鐘」。
做動態特效和影像製作這幾年，常被問「短影音腳本到底要怎麼寫」。想拍短影音卻卡在「腦袋一片空白」或「拍完才發現結構亂」的人很多。這次想試著模擬：如果把自己這部分的經驗整理成一份 Google Doc 格式的腳本模板包，拿出來賣，銷售頁該怎麼寫才能把價值講清楚。
用到的工具與架構
- Google Doc：產品本體，不需要另外安裝軟體，複製到自己的雲端硬碟就能用，電腦手機平板都能開。
- Claude Code：主導銷售頁結構對話、文案梳理、版面排版與 HTML/CSS 產出。
一次實際跑起來會發生什麼
先確認產品要解決的痛點：「腦袋一片空白」「拍完才發現結構亂」，這兩個是短影音新手最常卡住的地方。接著把產品規格講清楚：Google Doc 格式、複製到雲端硬碟即可使用、不需要安裝、電腦手機平板都支援。
再往下是「你是不是也這樣」的痛點區塊，直接點出「腦袋一片空白」「拍完才發現結構亂」這兩個最常見的卡點，讓看到頁面的人能馬上對上號；接著說明「不只是模板，是一套出片系統」，把腳本結構、EDL 分析、品牌主自己就能做這幾個重點攤開來講。
產品規格區塊：格式、使用方式、裝置支援、需不需要安裝，一次講清楚，降低猶豫的門檻。
最後是價格方案區，原價、早鳥 7 折、早鳥 VIP 三個選項並排呈現，搭配限時倒數，讓人清楚知道現在下單划算在哪裡。
價格方案區：三種方案並排比較，中間的早鳥方案用色塊特別強調，倒數計時提醒優惠有時間限制。
延伸實踐：圍繞個人品牌的 AI 工作流全景
做完這份腳本銷售頁後，我發現單純做出一頁銷售頁還不夠。在接案與個人品牌經營的真實場景裡，往往還需要一連串配套工作流。為了讓整個個人品牌的交付能力更紮實，我在這次學習中同時驗證了五個彼此相扣的實踐：
1. 促銷頁 A/B 測試（版面呈現的取捨）
同一檔促銷活動，用「攝影橫幅」還是「經典面板」轉單效果更好？我模擬一個鞋類電商的夏季促銷（指定鞋款 2 件折 500、滿額免運、30 天退換），用 Netlify 實際部署了兩個版本進行對照，導覽列上方的切換鈕就能來回比較，不用開兩個分頁。
攝影橫幅版：情境照片鋪滿整個 Hero 區，折扣與倒數計時直接疊加在照片上，整體感覺比較沉浸、有氛圍。
經典面板版：倒數計時和折扣資訊拆成獨立卡片，跟主標題並排，資訊一眼就能看清楚，比較偏向效能導向的電商頁面。
這讓我體會到：同樣的產品內容，用「氛圍優先」還是「資訊優先」的版面，給受眾的信任感與購買急迫性完全不一樣——這種差異在只做一個版本的時候很難體會到。
2. 40 個 Skills 儀表板（個人能力資產庫）
隨著做的 Skill 愈來愈多（轉檔、剪輯輔助、企劃發想等累積了 40 個、14 個分類），很容易忘記自己到底做過什麼。於是我做了一個可即時搜尋、篩選與拖曳排序的 Skills 儀表板，讓這些累積出來的 AI 工作流變成隨時可以調用的超級武器，不再散落在資料夾深處。完整過程可以看 Skills 清單管理。
3. 一人分飾四角的虛擬廣告企劃
為了驗證腳本如何落地為具體成片，我讓 Claude Code 依序模擬廣告公司的四人分工（品牌行銷經理定策略 → 創意總監產出九宮格線條分鏡標記 → 品牌設計師產出識別視覺 → 廣告導演對照分鏡產出最終鏡頭與提示詞）。這套流程讓我能在一天內獨立完成一支香水廣告的完整交付物，分鏡與成片可以看 模擬廣告公司四人分工。
4. 自動拆檔 Skill（Illustrator 到 After Effects）
動態設計最耗時的痛點就是手動拆圖層。我寫出一個讓 Claude Code 自動讀取 .ai 檔、轉成 Shape Layer、依原始順序排好並自動標色分類的 Skill。跑的時候 Claude Code 會即時回報進度，例如「轉角折件在跑，這步會把 4 個角落的剪裁群組折成 14 件」。
左邊是 Claude Code 即時回報的執行進度，右邊 After Effects 視窗同步自動建置圖層——不用自己動手拖拉，跑完直接就是排好順序、標好色的合成。
中間也不是每次都一次成功：有一次色帶轉 Shape 失敗卻沒跳警示，Skill 會自己抓出這種異常、回退問題圖層再重新轉換。原本要花上半天的手動拆檔，現在約 20 分鐘就能跑完，把寶貴的時間省下來做創意與品牌策略。
拆解完成後的最終成果：原本平面的 Illustrator 圖層，自動組裝成一組環繞旋轉的動態色帶圖形，圖層順序、顏色分類全部由 Skill 自動處理好。
5. 不用先學架站的個人作品集網站
離開電視台之後，一直想有一個能完整展示動態特效、AI 影像生成與後期製作的地方，但「要架站、要部署、要處理表單」這道門檻卡了我很多年。這次我把喜歡的網站風格截圖丟給 Claude Code，說「我想要類似這種感覺」，它先給一個粗略版本，再照我的內容一輪一輪調整，最後用 Netlify 部署並接上聯絡表單，不用自己碰任何一行程式碼。
首頁 Hero 區：代表作影片搭配「品牌整合」「AI 生成」「後期製作」三個快速前往按鈕，讓人一進站就抓到重點。
類別瀏覽頁：把這幾年做過的東西依主題分好類，讀者可以直接挑感興趣的類別點進去看。
作品集就是這份腳本銷售頁和其他實踐的共同入口：接案對象可以先看作品、再看產品，最後直接在網站上留言洽談合作。
現在的具體成果
這是這次迷你課測試裡以自己的專業（短影音腳本）為核心的個人品牌產品化實戰。不僅銷售頁做出了涵蓋痛點、產品規格、三階價格到 FAQ 的完整結構，背後更有自動化工作流、A/B 測試思維、個人 Skill 庫與作品集網站作為後盾。
設計時做過哪些取捨與調整
- 先講痛點，再講產品：頁面刻意把「你是不是也這樣」的痛點區塊放在最前面，讓人先有共鳴，再往下看產品能怎麼解決，而不是一開始就丟規格。
- 方案分三層而不是一個價格：原價、早鳥、早鳥 VIP 三個選項並排，中間的早鳥方案用顏色特別強調，比單一價格更容易讓人做出選擇。
- 系列成果整合成一站式全貌：原本嘗試把促銷測試、拆檔腳本、管理清單和作品集網站分開記錄，但單篇容易顯得零碎；整合成完整的「個人品牌 AI 工作流系統」後，更能看見從技術自動化、產品包裝到行銷頁面的一貫邏輯。
下一步想優化什麼
想實際測試看看倒數計時和早鳥方案對真實訪客下單意願的影響，也想把模板包本身的內容再擴充，加入更多不同類型短影音（開箱、教學、情境劇）的腳本結構範例。
給其他同學的話
如果手上有一個真正累積出來的專業經驗，不妨試著把它做成一個實際的產品，再用同樣的方法做一頁銷售頁講清楚。門檻沒有想像中高，先把痛點和價值講清楚，剩下的交給 AI 一步步問、一步步生出來就好。
進一步認識作者
我是 Wendy，做過四、五年電視台動態特效，現在以個人接案為主，同時也在應徵新工作。更多作品可以到 個人作品集網站 看看。
留言與交流
使用 GitHub 帳號回覆作者，分享你的想法。
