前面幾篇筆記,我已經一路整理到 Product Input、Brand DNA、Page Plan、多版本 Strategy、圖片放進 input/images,以及 IMAGE PLACEHOLDER 怎麼使用。
做到這裡之後,我又遇到一個很現實的問題。
Codex 開始產生一堆文件了。
而且檔名、標題、欄位看起來都很專業。
一下是:Customer-facing Copy、一下又是:Internal Notes,接著還看到:Page Plan、Strategy / Component Selection,有些地方甚至直接標著:LOCKED
我第一次看到這些東西時,老實說真的有點混亂。
我的第一個問題是:「這些東西,到底哪些是最後要放到網站上給消費者看的?」
第二個問題則是:「哪些只是 Codex 自己在專案裡看的工作資料?」
更麻煩的是,有些內容在介面裡甚至不能直接展開。
例如我這次做到 Customer-facing Copy 時,一開始怎麼點都打不開。
後來我才從檔案總覽裡,把整段內容完整看出來。
也就是做到這裡之後,我才開始真正理解:Codex 專案不是只有「網頁成品」。
它其實還會保留很多:給消費者看的內容、給系統看的規則、給設計流程看的決策,以及為了避免後面亂掉而被鎖住的設定。
這一篇,就來整理我自己一開始最看不懂的這幾個東西。
先講最簡單的:Customer-facing Copy 是什麼?

Customer-facing Copy,字面上其實已經透露答案了。
Customer-facing,就是「面向顧客」。
Copy,就是文案。
所以最簡單的理解就是:真正會出現在前台、讓消費者看到的文字。
例如一張銷售頁裡面的:
-
- Eyebrow
- H1 主標題
- H2 區塊標題
- Supporting Copy
- 產品說明
- CTA
- FAQ
這些都屬於 Customer-facing Copy。
用我這次 Dosha 防曬來看就很好理解
例如我們第一版頁面的 Hero,最後出現過這一句:每天出門前,留一點時間給日常防曬。
這一句,就是 Customer-facing Copy。
因為最後消費者真的會在網站上看到它。
同樣地,像:「為日常外出準備的臉部防曬」
這種 Section 標題,也屬於 Customer-facing Copy。
簡單講:如果這段文字最後可能直接出現在網站前台,就把它當成 Customer-facing Copy。
Customer-facing Copy 不是提示詞,也不是給 AI 看的備註
這個差別我覺得非常重要。
例如:
Section 04:
H2: 為日常外出準備的臉部防曬
Supporting: 日常防曬,留給每天都會遇見的光線。
CTA: 本區不設 CTA
這裡其實混了兩種東西。
真正會出現在頁面上的,是:H2 和 Supporting Copy。
可是:「本區不設 CTA」
這句就不是給消費者看的。它是給系統、設計或後續執行的人看的規則。
這就是 Customer-facing Copy 和 Internal Notes 開始分家的地方。
那 Internal Notes 又是什麼?

Internal Notes,我現在會把它翻成:內部工作備註。
它不是要拿去賣東西的。也不是要直接顯示在網站上。
它真正的用途是:告訴 Codex 或後續執行流程:「這段為什麼這樣做、有哪些限制、哪些地方不要亂改。」
例如下面這些內容,就比較像 Internal Notes:
-
- 本區不設 CTA
- 此處只放真實產品圖
- 不得自行補充 PA 值
- 避免使用恐嚇式語氣
- Hero 採用 Story Opening
- 這一版以 Premium Minimal 為主
- 圖片缺失時使用 IMAGE PLACEHOLDER
這些文字如果真的跑到前台,就很奇怪。
消費者看到:「本區不設 CTA。」
一定會想:這是什麼?
所以 Internal Notes 是:留給工作流程看的,不是留給顧客看的。
我後來最喜歡的理解方式:Customer-facing Copy 是演出,Internal Notes 是導演筆記

如果把整張銷售頁想成一場演出,就很好懂。
Customer-facing Copy 是台上真正說出口的台詞。
Internal Notes 則是導演在旁邊寫的:這裡要慢一點、這段不要喊太大聲、這裡不要放 CTA、這張一定要用真實產品圖、這一句不能改。
演員不會把「導演:這裡停三秒」直接念給觀眾聽。網頁也是一樣。
所以現在我看到這兩種內容時,會先問:「這句話是給顧客看的,還是給做頁面的人看的?」
答案通常馬上就出來了。
我這次遇到的麻煩:Customer-facing Copy 在介面裡不能直接展開
這也是這次實際操作中,一個讓我卡住的地方。
Codex 做完之後,我看得到 Customer-facing Copy 這個名稱。
可是我在 UI 裡一直找不到把完整內容展開的位置。
一開始我還以為:是不是沒生成成功?是不是內容不見了?結果後來並不是。內容其實都還在專案裡。我最後改從檔案總覽看,才看到整段內容。
當時檔案畫面甚至顯示:70 unmodified lines。這才證明文案根本沒有消失。
只是 UI 沒有用我原本以為的方式讓我展開。
這件事讓我學到一個很重要的習慣
不要只相信畫面上「有沒有一個可以點開的按鈕」。
如果專案裡的內容看不到,先去看:
-
-
- 檔案總覽
- 實際輸出檔
- Markdown 文件
- HTML
- 相關的 copy 檔案
-
很多時候不是內容沒有產生。而只是 UI 沒有把它漂亮地顯示給我們。
那 Page Plan 是不是 Customer-facing Copy?
不是。
Page Plan 比較接近:整張頁面的結構與敘事藍圖。
上一篇我們已經談過,它會安排:第一區怎麼進、第二區說什麼、什麼時候出產品、什麼時候放 FAQ、CTA 出現在哪裡。
所以 Page Plan 是:設計與內容規劃層。
它最後會影響 Customer-facing Copy。但它本身通常不是直接整份呈現在消費者面前。
Strategy / Component Selection 又是什麼?
這也是我剛開始很容易跟 Page Plan 混在一起的地方。
Strategy / Component Selection 比較像是在決定:這一版到底要用什麼銷售策略,以及用哪些頁面零件來實現。
例如:
V01:Scenario Story + Single Big Idea
V02:Premium Brand + Single Big Idea
又例如 Component 可能選:
-
- Story Opening
- Premium Minimal Hero
- Product Facts
- FAQ
- CTA
- Multi Scenario Cards
這些都是設計決策。不是最後要原封不動貼到前台的文字。
所以我現在會把整個系統大概分成四層:

| 層級 | 主要作用 | 消費者會直接看到嗎? |
|---|---|---|
| Customer-facing Copy | 真正顯示在前台的文案 | 會 |
| Internal Notes | 內部規則、限制、執行備註 | 不會 |
| Page Plan | 頁面結構與敘事藍圖 | 通常不會直接看到 |
| Strategy / Component Selection | 決定策略與頁面零件 | 不會 |
那最讓我困惑的 LOCKED 到底是什麼?

這個字我第一次看到時,真的會有一種:「蛤?為什麼鎖住?」的感覺。
尤其當時 Page Plan、Strategy / Component Selection 都會看到:LOCKED
我第一個直覺就是:是不是我權限不夠?是不是某個功能不能用?
後來我才慢慢理解:這裡的 LOCKED,不一定是在說「你不能看」。
更像是在說:這一層目前已經被確定,不要讓後面的生成流程隨便改掉。
LOCKED 比較像「鎖定設計決策」
例如 V02 已經決定:主要 Strategy 是 Premium Brand。Hero 是 Premium Minimal。
整體 Page Rhythm 是比較慢、比較有留白。
那麼後面 Codex 在生成文案或 HTML 時,就不應該突然變成:滿版促銷、大量紅色按鈕、每兩段一個 CTA。因為那就已經不是 V02 了。
所以 LOCKED 的概念其實是:前面已經做好的決策,後面不要因為 AI 自由發揮而跑掉。
這跟 Product Truth Lock 很像
前面我們談過 Product Truth Lock。
例如:
-
- SPF50 可以用。
- PA 值沒有提供就不能亂補。
- 抗水沒有確認就不能自己加。
這是在鎖:產品事實。
而 Page Plan LOCKED、Strategy LOCKED,比較像是在鎖:設計與內容決策。
兩者原理其實很像。
就是:AI 可以創作,但不能把已經確定的核心規則偷偷改掉。
為什麼 AI 專案反而需要很多 LOCKED?
一開始我會覺得:AI 不是越自由越好嗎?
後來做越多版本,反而越覺得不是。
如果什麼都可以變,最後就會變成:每一次生成都不一樣、品牌語氣一直跑、產品事實可能被改。
V01 和 V02 越做越像。甚至連原本決定好的頁面結構都被重排。這樣就沒有辦法建立一套穩定的生成器。
所以真正可以大量使用的 AI 工作流程,需要同時存在兩種東西:可以自由變化的部分。
以及:不能亂動的部分。
我現在會怎麼理解「可變」與「LOCKED」?
| 項目 | 狀態 |
|---|---|
| 產品真實名稱 | LOCKED |
| 已確認產品事實 | LOCKED |
| Brand DNA 核心語氣 | 原則上 LOCKED |
| 這一版主要 Strategy | 版本確定後 LOCKED |
| 主要 Hero 類型 | 版本確定後 LOCKED |
| Customer-facing Copy 細節 | 可在規則內調整 |
| 句子長短 | 可調整 |
| Supporting Copy | 可調整 |
| 圖片選擇 | 依素材與規則調整 |
這樣看就很清楚了。LOCKED 不是把整個專案鎖死。
而是把:不能為了創意而犧牲的東西先固定住。
所以看到 LOCKED,不要第一時間叫 Codex 全部解鎖

我覺得這一點非常重要。
我們看到 LOCKED,很容易有一種:
「不能改好麻煩,我先叫它全部解開。」
但如果真的全部解鎖,可能反而會破壞原本建立好的系統。
比較好的做法應該是先問:這一層為什麼被鎖?
它是在保護:產品事實?品牌規則?Variant 策略?還是頁面結構?
如果真的要改,也應該是:有意識地改。而不是為了「我想試試看」就把所有規則拿掉。
那我真正要修改文案時,應該改哪裡?

這就回到 Customer-facing Copy。
如果今天我覺得:H1 太硬、Supporting Copy 太長、CTA 不自然、FAQ 太像 AI 寫的。
我要改的通常是:Customer-facing Copy。而不是先去動 Strategy。
例如原本:「每天出門前,留一點時間給日常防曬。」
如果我覺得太長,可以在維持 Story Strategy 的前提下,改短。
這叫:文案優化。
但如果我突然改成:「SPF50 科學防護,全面阻隔每日光害!」
那可能已經不只是改文案。它連整個 Strategy 和 Brand DNA 都開始跑掉了。
Internal Notes 也不能隨便刪
以前看到內部備註,我很容易覺得:反正消費者看不到,刪掉應該沒差。但現在我不會這樣想了。
因為很多 Internal Notes,其實是在保存:「為什麼當初這樣設計。」
例如:「Section 04 不設 CTA。」
如果把這句刪掉,半年後有人看到這個 Section,很可能會想:「這裡怎麼沒有按鈕?補一個吧。」
結果就把原本的閱讀節奏破壞掉了。
所以 Internal Notes 有點像專案的:決策紀錄。
現在不一定會用到。但之後改版、換人、做 V03、V04 時,會非常有價值。
Customer-facing Copy、Internal Notes、LOCKED 三者放在一起看,就很好懂
我現在會用下面這個方式記:
| 名稱 | 最簡單的理解 | 作用 |
|---|---|---|
| Customer-facing Copy | 顧客真的會看到的話 | 負責溝通與銷售 |
| Internal Notes | 做頁面的人自己看的筆記 | 保存限制與設計原因 |
| LOCKED | 目前不要隨便改的決策 | 維持產品、品牌與版本一致性 |
如果再加上前兩篇談的概念,整個流程就越來越完整。
-
- Product Input:產品是什麼。
- Brand DNA:品牌怎麼說話。
- Page Plan:頁面怎麼說故事。
- Strategy / Component:這一版用什麼方式實現。
- Customer-facing Copy:最後真正說給顧客聽的話。
- Internal Notes:為什麼這樣做。
- LOCKED:哪些事情現在不要亂動。

這時我才發現:Codex 其實不是只在幫我「寫文案」
這是我做到第 11 篇之後,一個滿大的感受。
如果只是使用一般 AI 文案工具,可能只會得到:標題、內文、CTA、FAQ。
但是在這個專案裡,我開始看到另一層東西。
Codex 不只在產生:內容。
它也在保存:內容背後的規則。
這兩件事情完全不同。
而如果真的要做生成器,我覺得後者甚至更重要。因為文案這次不好,可以重寫。
但是如果規則本身亂掉,每一次輸出都會一起亂掉。
Tina學姐這一次最大的體會:前台文案和後台思考一定要分開
以前我做網頁,比較習慣看最後畫面。
標題好不好看?圖片好不好看?按鈕有沒有出現?
可是這一次做 Tina-Sales-Page-Generator,反而讓我開始注意到:一張穩定的頁面,背後其實有很多消費者永遠不會看到的東西。
例如:品牌限制、產品真實資料、Section 規則、圖片規則、Strategy 決策、Internal Notes、LOCKED。這些東西平常都藏在後面。
可是它們才是讓十張頁面不會越做越亂的重要原因。前台負責好看、好懂、好買;後台負責讓整個系統不要失控。
寫在最後:看到一堆文件,不要急著覺得 Codex 把事情搞複雜了
我一開始看到專案裡多出一堆文件時,確實有想過:「做一張網頁而已,為什麼要搞這麼多東西?」
但是做到 V01、V02,再開始準備 V03~V10 之後,我才明白。
如果只是做一張一次性網頁,當然不需要這麼多規則。
但是如果目標是:讓同一套系統可以一直換產品、換 Strategy、換 Variant,而且不會把產品事實與品牌個性弄亂,這些文件就有必要。
-
- Customer-facing Copy 讓我知道:最後真正要對消費者說什麼。
- Internal Notes 讓我記得:為什麼當初這樣設計。
- LOCKED 則負責提醒:哪些事情現在已經決定好了,不要每次生成都重新猜。
做到這裡,我反而覺得:這才開始有一點「系統」的味道。
不再只是請 AI 幫我寫一篇文案。
而是在建立一套:有前台、有規則、有決策、有版本控制的 AI 工作流程。
