加入好友

Codex 產出的文件到底在寫什麼?|Customer-facing Copy、Internal Notes、LOCKED 一次看懂

前面幾篇筆記,我已經一路整理到 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 工作流程。