一支 90 秒、無旁白、字幕講故事的 Guidant AI 品牌片,給股東與客戶在產品發表會上看。前段把「公司越做越大、規範越來越多、年年找證據」的壓力堆滿,一道光掃過後產品出場,中段用動畫講道理、用 DEV 真畫面當證據,結尾收在「從應付稽核,到隨時審核。」。整支片是一個 HTML 網頁,用 HyperFrames 逐格輸出成 mp4。
| 項目 | 現況 |
|---|---|
| 檔案 | render/GuidantAI-brand-v3.mp4(不入版控,可重產);決策者桌面有一份 |
| 規格 | 90 秒、1920×1080、30fps、H.264;AAC 48kHz;約 52MB |
| 原始檔 | v3/:HTML+CSS+7 支 JS(共 861 行),14 張 DEV 截圖 |
| 工具 | HyperFrames 0.8.207(HeyGen 開源,Apache 2.0)+GSAP 3.14.2 |
| 配樂 | Pixabay「Ambient Technology」(AlexGrohl),從曲子第 5.5 秒取,鼓點全進對在影片 27 秒 |
| 品牌字 | 「Guidant AI」,Guidant 白、AI #4FC3F7→#81C784 漸層,跟系統頂欄一致,無圖示 |
| 結尾 | 「從應付稽核,到隨時審核。」+「BILLOWS TECHNOLOGY」署名 |
| 秒 | 段 | 畫面 | 真畫面 |
|---|---|---|---|
| 0–14 | 規範越來越多 | 雷達掃出 16 個法規名稱,滾輪數字滾不停 | — |
| 14–26 | 人力在堆 | 文件 3D 砸落成一疊、檔名散落、稽核倒數、畫面染暖 | — |
| 26–37 | 翻轉 | 一道光掃過,文件翻正排整齊,品牌出場後縮到左上角 | 35.9 GRC 總覽從地面升起 |
| 37–46 | 派工 | 小方塊炸開後依部門飛進五欄 | 41.6 待辦任務 |
| 46–55 | 檢測 | Agent 掃描環、脈衝打到主機、報告歸進證據 | 50.6 第三方元件風險 |
| 55–64 | 延續 | 三年卡片,只有變動的列亮起 | — |
| 64–73 | 報告 | 章節滑入、掃描光、蓋「定稿」 | 68.9 任務證據 |
| 73–82 | 信任 | 機房圍籬、鎖扣上、操作紀錄 | 78.2 角色清單 |
| 82–85.6 | 蒙太奇 | 12 張不同類型頁面各 0.3 秒,切點閃白 | 全部是真畫面 |
| 85.6–90 | 結尾 | 品牌回中央、結尾句、署名、收黑 | — |
17 句字幕全文與每段秒數見 分鏡表。
一律照 product-video skill(.claude/skills/product-video/):改哪個檔、改完怎麼驗、怎麼出 mp4、怎麼截新的產品畫面、怎麼換配樂、決策者的文案標準,都在那裡。
| 沒做完的事 | 白話說明 | 誰接 |
|---|---|---|
| 「延續」「報告」兩拍沒有真畫面 | DEV 示範專案的稽核作業、改善計畫、結案報告內容頁在 admin 帳號下是空的,截不到 | DEV 示範資料補齊後,照 skill 截圖補進 E.proof |
| 信任段沒有操作日誌真畫面 | DEV 操作日誌 0 筆,先用角色頁代替 | 同上 |
| 英文版 | 字幕只有中文 | 有需要時另開 |
| 上 YouTube | 配樂有 Content ID 登記,上傳可能被標記 | 照 Pixabay 說明申請解除 |
無。
| 你想知道 | 看哪份 |
|---|---|
| 最後長什麼樣 | 本頁 |
| 每段字幕與秒數、視覺語言、配樂怎麼對點 | 分鏡表 |
| 為什麼用 HyperFrames、文案為什麼這樣寫 | 決策分析 |
| 做的過程、改了幾版、推翻過什麼 | 收口 SUMMARY |
| 下次怎麼改 | product-video skill |