內容行銷數位設計|課程講義

畢業專題的數位生態系藍圖

畢業專題的數位生態系藍圖

核心重點:學生發表畢製如何結合數位行銷與 AI 技術之完整企劃,評估數位生態系佈局並確立視覺資產產出清單

・ 畢業專題的數位生態系藍圖

💡 階段提案評核要點: 本週提案為期中進度評估的重要基準。各組發表時間為 6-8 分鐘(答詢 2 分鐘),提案重點應擺在「如何將靜態畢製延伸為具備跨平台傳播力的數位生態系」,而非僅介紹實體作品本身。
一、畢業專題數位生態系三大架構與評核標準
生態系核心維度 提案發表重點內容 預期數位成果產出 評分比重與指標
1. 視覺資產與風格調性 展示由 AI 提示詞工程(Prompting)輔助建立的專題 Moodboard、品牌色彩規範、字體與既有角色的 ControlNet 風格一致性控圖規劃。
  • AI 視覺風格基調板
  • 關鍵字與 Prompt 設定檔
  • 角色/產品 3D 或線稿控圖
30%
視覺調性一致性與品牌辨識度
2. 跨平台內容行銷矩陣 說明專題品牌語氣(Tone of Voice),並發表包含「曝光(Teaser)、互動(Engagement)、轉換(Conversion)」三階段的 18 週社群排程表。
  • 專題品牌故事(文案)
  • 18 週社群貼文規劃表
  • 前導短影音分鏡腳本
35%
內容策略邏輯與受眾(TA)吸引力
3. 沉浸式與互動技術規劃 規劃畢製延伸的數位物件,包含線上策展網頁(RWD)、Web-AR 實體連動卡片、360 度 VR 展場背景與動態海報(Motion Poster)。
  • 預計製作數位物件清單
  • 使用 AI/No-Code 工具鏈評估
  • 展場與數位體驗流程圖
35%
技術可行性與跨媒體整合度
二、四大專題:數位生態系藍圖與預計製作物件對照表
專題名稱 數位行銷策略與品牌語氣 預計製作之 AI 視覺與數位物件清單 工具鏈整合藍圖
《拜》
(現代紀念儀式)
語氣:溫柔、空靈、平靜、哲思感。
策略:以「深夜思念語錄」觸發共鳴,引導至線上思念花園體驗線上告別儀式。
  • AI 視覺:360 全景空靈靈性空間(Skybox AI)。
  • 網頁原型:紀念儀式體驗官網(Lovable)。
  • 動態海報:光影微動態海報(RunwayML)。
  • AR 互動:掃描紀念指南浮現光粒子(MyWebAR)。
Claude 3.5 (文案)
→ Skybox (360背景)
→ Lovable (官網)
→ MyWebAR (圖卡)
『灰燼』
(宮廟香灰循環)
語氣:虔誠、謙遜、在地、永續關懷。
策略:科普香灰循環過程,結合文化信念與綠色永續,引導線下展場互動。
  • AI 視覺:香灰微觀菌絲發芽質感圖(SeaArt AI)。
  • 短影音:香灰轉化為花的 30秒前導片(CapCut)。
  • 網頁原型:神明香灰產品介紹 Landing Page。
  • AR 互動:掃描香灰淨化塊包裝跳出 3D 綻放花朵。
ChatGPT (社群排程)
→ SeaArt (控圖)
→ CapCut (前導片)
→ MyWebAR (3D花朵)
《菇》
(毒蘑菇教育應用)
語氣:理性、警示、黑色幽默、客觀。
策略:以「吃一口就送醫的迷信」作為 Hook 吸引年輕人,破除生活中的毒菇迷思。
  • AI 視覺:高對比幾何摺紙毒菇視覺(Leonardo.Ai)。
  • 網頁原型:毒性迷信選題互動測驗網站。
  • 動態海報:生物螢光呼吸律動展場海報。
  • AR 互動:掃描實體圖鑑浮現 3D 毒菇模型與警示。
Claude 3.5 (科普文案)
→ Leonardo (視覺)
→ Meshy (2D轉3D)
→ Lovable (問答網頁)
《浪浪》
(流浪動物教育)
語氣:親切、包容、教育性、同理心。
策略:透過暖心手繪風格與責任問答,引導領養前理性自我評估。
  • AI 視覺:溫暖居家手繪繪本風格基調圖。
  • 網頁原型:「衝動飼養自我評估」問答網頁。
  • 短影音:浪浪視角情感故事繪本短片。
  • AR 互動:浪浪健康透視卡,掃描顯示照護狀態。
三、提案發表簡報(PPT / PDF)標準結構指引
簡報頁碼 簡報單元主題 必須呈現的具體內容與圖表 現場發表提示
P1 - P2 專題簡介與數位定位 專題名稱、核心理念、核心受眾(TA Persona)以及「數位延伸推廣目標」。 精準說明為何需要數位延伸。
P3 - P4 AI 視覺風格與調性 視覺 Moodboard、品牌標準字/色彩規範、使用 AI 工具(ControlNet/Prompt)產出之風格對照圖。 強調視覺風格的一致性。
P5 - P6 品牌語氣與社群矩陣 Tone of Voice 規範說明、專題品牌故事(Brand Story)、18 週社群貼文規劃摘要表。 展示 1-2 篇最具代表性的貼文。
P7 - P8 數位生態系與物件藍圖 預計製作的數位物件清單(網頁/AR/動態海報/短影音)、跨工具製作流程圖(Flowchart)。 明確列出各項目的技術可行性。
P9 進度排程與分工 第 5 週至第 18 週的數位物件開發甘特圖(Gantt Chart)與組員分工。 展現團隊執行的時間規劃。
四、課後作業:「數位行銷與 AI 視覺資產企劃書」交付規範
作業名稱 企劃書包含內容 交付規格與檔案格式 繳交期限與管道
階段產出
數位行銷與 AI 視覺資產企劃書
整合性 PDF 企劃書,必須包含:
  • 1. 專題背景、核心價值與 TA 分析。
  • 2. 品牌視覺風格 Moodboard 與 Prompt 設定檔。
  • 3. 品牌語氣(TOV)與專題品牌故事。
  • 4. 18 週社群行銷矩陣表(含貼文主題與 CTA)。
  • 5. 前導短影音腳本分鏡表。
  • 6. 數位生態系藍圖與預計製作物件清單。
1. 階段提案簡報檔(PPT / PDF)
2. 完整企劃書(PDF 格式,內文 12-15 頁)
3. AI 提示詞與 Prompt 紀錄檔
下週上課前上傳
上傳至課程數位教學平台(Moodle/ Google Classroom)

數位行銷與 AI 視覺資產企劃書與簡報規劃指南

數位行銷與 AI 視覺資產企劃書與簡報規劃指南

系統化拆解「企劃書書寫」與「口頭提案簡報」的企劃邏輯、資產盤點、SVG 流程規劃與詳細作法

🔄 一、數位行銷與 AI 視覺資產整合規劃流程(SOP)

確立專題定位後,透過 AI 視覺生成與行銷矩陣建構,最終提煉出雙重交付物(正式企劃書與提案簡報):

Phase 1:品牌與受眾定位 • 專題核心價值與 TA Persona • 設定 Tone of Voice (品牌語氣) • 數位推廣目標 (漏鬥模型) Phase 2:AI 視覺與媒體矩陣 • Prompt & ControlNet 視覺控圖 • 18 週社群矩陣與 CTA 設計 • 數位物件 (網頁/AR/短影音) 規劃 Phase 3:技術可行性與甘特圖 • No-Code / AI 工具鏈評估 • 跨媒體體驗流程圖 (User Journey) • 開發時程與團隊分工 雙重成果 A:數位行銷企劃書 (PDF) 完整文字、Prompt 紀錄、數據圖表與評估全貌 雙重成果 B:提案簡報 (PPT/PDF) 高視覺化、聚焦亮點、8 分鐘口頭發表結構
📋 二、「企劃書(書面)」與「提案簡報(口頭)」規劃與作法對照
單元維度 正式企劃書作法 (Proposal Document) 提案簡報作法 (Presentation Deck)
1. 核心定位與受眾 完整撰寫:包含詳細的市場背景痛點、TA Persona(人物誌卡片)、SWOT 分析,以及數位行銷漏鬥目標設定。 強調亮點:用 1 張精美 Persona 圖片與 3 個關鍵痛點標籤說明,直接點出「為何需要數位延伸」。
2. AI 視覺資產規劃 完整紀錄:列出視覺基調 Moodboard、品牌色碼、字體規範,並附上所有 AI 工具 Prompt 參數與 ControlNet 控圖對照。 對比展示:左右對比展示「手繪原稿」與「AI 生成延伸視覺」,直接呈現高質感視覺基調。
3. 數位行銷矩陣 完整清單:收錄 18 週完整的社群日曆表格(含週次、貼文主題、文案草稿、視覺 Prompt 與指定 CTA)。 精選範例:摘錄「曝光、互動、轉換」三大階段各 1 篇最具代表性的社群文案與視覺樣張。
4. 數位物件與工具鏈 詳細說明:列出官網(RWD)、Web-AR 互動、動態海報與前導片的詳細製作規格、網頁地圖與 No-Code 評估。 流程藍圖:用 1 張「觀展者數位體驗旅程圖 (User Journey Map)」串聯所有物件,呈現跨媒體體驗。
5. 開發時程與分工 甘特圖:條列第 5 至 18 週每週具體開發任務、測試節點、組員職責與展評時程對應。 里程碑 (Milestones):展示簡化版甘特圖,標示出「期中網頁上線」、「期末 AR / 前導片總合」兩大關鍵時間點。
💡 三、企劃書標準九大章節寫作內容指引
章節編號 章節名稱 具體寫作要點與應附圖表 常見撰寫錯誤提醒
第一章 專題背景與數位行銷目標 說明專題起源、欲解決問題,並設定 KPI(如:網站瀏覽量、社群互動率、AR 體驗人次)。 避免只寫實體作品背景,漏掉數位推廣目的。
第二章 目標受眾 (TA) 分析與 Persona 繪製 TA 人物誌卡片,包含年齡、興趣、數位行為偏好與習慣使用的社群平台。 受眾定位過於籠統(例如:僅寫「全臺灣大眾」)。
第三章 品牌語氣 (TOV) 與品牌故事 擬定 3 個品牌語氣關鍵字(含用詞禁忌),並附上 300 字無 AI 罐頭感的專題品牌故事。 直接複製未精修的 AI 原文。
第四章 AI 視覺風格基調與 Prompt 庫 展示專題 Moodboard、配色規範、AI 生成 Prompt 紀錄與 ControlNet 姿態/線稿控圖對照。 提示詞缺乏參數紀錄(如未標示模型或尺寸)。
第五章 18 週社群內容行銷矩陣表 以表格呈現全學期貼文規劃,包含曝光、互動、轉換漏鬥與各貼文的 CTA(行動呼籲)。 貼文缺乏互動機制與跳轉官網的連結引導。
第六章 前導短影音腳本與分鏡規劃 包含 30-60 秒分鏡表(時間、畫面描述、旁白、音效、AI 影片生成 Prompt)。 前 3 秒缺乏 Hook(吸引力點)。
第七章 數位物件製作清單與工具鏈 詳細列出線上策展網頁(RWD)、Web-AR 圖卡、動態海報之規格與 No-Code 工具評估。 選擇過於複雜且超出學生能力範圍的程式語言。
第八章 跨媒體體驗流程圖 (User Journey) 畫出觀展者從社群貼文、現場圖卡掃描 AR,到進入官網互動的全套數位旅程。 各數位物件孤立,缺乏互相引導的連結。
第九章 開發進度時程表與團隊分工 附上第 5-18 週甘特圖,明確標記期中與期末成果交付節點及個人分工。 分工不明確,未對齊北竹聯合展評時間。
🎙️ 四、8 分鐘提案簡報頁數分配與發表技巧
簡報時間 簡報頁數 頁面核心內容與視覺視覺化策略 口頭發表演練提示
00:00 - 01:30 P1 - P2 (開場) 專題破題與數位目標:開門見山展示主視覺與專題名稱,用 1 張圖說明 TA 痛點與數位生態系目標。 切忌花太多時間講述實體作品細節,快速進入數位主題。
01:30 - 03:30 P3 - P4 (視覺) AI 視覺風格與控圖展示:展示 Moodboard,並以左右對比呈現 ControlNet 如何保持既有角色一致性。 強調「AI 是加速與延伸設計的工具,而非隨機生成」。
03:30 - 05:30 P5 - P6 (社群&影音) 行銷矩陣與短影音分鏡:展示 18 週矩陣亮點貼文,並以影音動態播放前導片分鏡示意圖。 朗讀 1-2 句代表性的旁白,展現品牌語氣(TOV)。
05:30 - 07:30 P7 - P8 (物件&旅程) 數位物件清單與 User Journey:用架構圖展示網頁、AR 圖卡與展場海報如何互相串聯。 強調 No-Code 工具可行性,證明可以在期末前完成。
07:30 - 08:00 P9 (總結) 開發甘特圖與團隊分工:展示第 5-18 週甘特圖,自信總結專題數位延伸的最終效益。 精準控制時間在 8 分鐘內結束,留下 2 分鐘答詢。

HomeWork|課後作業

【 作業04 】畢業專題的數位生態系藍圖

本週課堂實作作業與交付規格

階段提案:畢業專題的數位生態系藍圖 ── 課後複習、企劃書與簡報交付、評核要點與下週預習指南

一、本週階段提案重點回顧
生態系核心維度 課後觀念與整合摘要 建議成果呈現重點
1. AI 視覺資產與控圖 將 AI 提示詞工程(Prompting)與 ControlNet 控圖技術導入專題,確保 AI 生成視覺與專題既有手繪角色、包裝結構保持高度風格一致性。 對比展示
原稿與 AI 延伸視覺對照圖、視覺基調 Moodboard、Prompt 參數檔。
2. 內容行銷與社群矩陣 確立專屬品牌語氣(Tone of Voice),並將全學期內容劃分為曝光(Teaser)、互動(Engagement)、轉換(Conversion)三階段,每篇貼文需設定明確 CTA。 精選文案與日曆
專題品牌故事(文案)、18 週社群矩陣表、前導片 30-60 秒分鏡腳本。
3. 沉浸式與互動體驗 規劃線上策展網頁(RWD)、Web-AR 實體連動圖卡、動態海報與展場影片,並評估 No-Code 工具鏈(如 Lovable、MyWebAR)的可行性。 體驗旅程圖 (User Journey)
串聯實體展場與線上媒體的觀展者體驗流程圖與物件清單。
二、本週課後作業與交件規範
作業名稱 具體執行內容與包含章節 交件規格與檔案格式 評分與審查要點
階段產出
數位行銷與 AI 視覺資產企劃書
整合性 PDF 企劃書,需涵蓋九大章節:
  • 1. 背景與數位行銷目標(KPI)
  • 2. 受眾分析(TA Persona)
  • 3. 品牌語氣(TOV)與品牌故事
  • 4. AI 視覺 Moodboard 與 Prompt 庫
  • 5. 18 週社群矩陣表(含 CTA)
  • 6. 前導短影音腳本分鏡表
  • 7. 數位物件清單與 No-Code 工具鏈
  • 8. 觀展者體驗流程圖(User Journey)
  • 9. 第 5-18 週開發甘特圖與組員分工
1. 階段提案簡報檔(PPT / PDF)
2. 正式企劃書(PDF 格式,內文 12-15 頁)
3. AI 提示詞與 Prompt 紀錄檔
  • 視覺風格與既有畢製的一致性(30%)。
  • 內容行銷邏輯與受眾吸引力(35%)。
  • 數位物件技術可行性與甘特圖規劃(35%)。
三、課後注意事項與下週預習(第 5 週)
項目分類 詳細說明與提醒事項 重要時間與行動指標
修訂提醒 請各組根據課堂階段提案時教師與同學們反饋之建議,針對「視覺風格調性」、「社群貼文 CTA」及「數位物件開發可行性」進行修正後,再補實入企劃書內。 課後完成企劃書精修與版面編排。
下週進度預習 第 5 週:No-Code 網頁設計實務(10/05)
將正式進入實作階段,學習運用無程式碼(No-Code)AI 工具把 Figma 設計稿無縫轉移至線上策展網頁(RWD 自適應)。
  • 預先註冊 Lovable 帳號。
  • 整理好畢製高畫質去背圖與 Logo 向量檔。
繳交期限 請於下週上課前將正式企劃書 PDF 及簡報檔上傳至課程平台。 下週上課前截止收件。