GPT-6 Astra 與三十五詞 Coca-Cola 落地頁實驗

選擇偏好之前，先開啟比較頁面

作者 u/highsierraloft 說明，每個模型都從新資料夾、新對話開始，只保留一次完成輸出，發布時沒有再改設計。Astra 透過 Codex CLI 執行，Gemini 透過 Antigravity 執行，兩者的內建指令與工具不同。

相簿適合比較這些具體代理輸出，不能單獨隔離模型能力，也沒有測量轉換效果，更不能直接說明面對陌生品牌會怎樣。知名產品已經提供很強的視覺聯想，新業務未必具備這種前提。

• 檢視實驗中的 Astra 實際頁面
• 開啟作者的對比相簿

把好看背後的決定寫出來

為本文虛構氣泡茶，需要明確受眾、產品參考、視覺想法和下一步動作。我們選擇安靜午後休息的場景，用無品牌細長瓶和淺綠色環境表現一款無糖茶概念。這些是虛構設計輸入，沒有描述某種真實飲品的事實。

首屏應讓訪客認出瓶子，理解頁面用途，並找到一個動作入口。做圖之前，先確定標題和按鈕放在哪裡，否則圖片可能恰好佔據最需要放文字的區域。

圍繞文案區域製作主視覺

在 Ciyo 中附上已確認的瓶子參考，生成一張帶指定留白的寬幅主視覺。裝飾遠離標題區。單獨看很漂亮的葉子、陰影或高光，也可能與頁面最重要的文字爭奪注意力。

在排版工具中放上臨時標題和按鈕框，檢查圖片是否支援構圖，再進入實現。留出足夠文案空間後產品若顯得太小，可以簡化場景或使用分欄佈局，不必靠縮小文字解決。

給 Astra 一份可以確認的視覺約定

下方提示詞先要求構圖與素材規劃，再進入程式碼。它補上了虛構產品缺少的資訊，而全球知名飲料的短提示詞天然帶有這些聯想。仍可讓代理作設計選擇，但應解釋選擇與受眾、動作之間的關係。

確認 Ciyo 主視覺後，把真實檔案和所需文字交給編碼代理。標題、按鈕和產品說明作為真實介面元素保留。圖片為頁面服務，不必成為整頁截圖。

為虛構氣泡茶概念規劃落地頁首屏。受眾是在午後尋找安靜休息的人。視覺方向為淺綠、暖象牙色、平靜日光和一隻確認過的無品牌細長瓶。桌面版左側三分之一留給可編輯標題與動作文字，手機版使用文字在上、獨立方形產品圖在下的結構。給出 Ciyo 素材說明、內容層級，以及三個設計選擇和理由。不編造營養承諾、評價、庫存或已經可用的結賬功能。主視覺確認後再實現頁面。

比較設計決定，不只比較截圖

測試兩個方向時，產品、文案和動作保持一致。例如比較安靜攝影棚場景與葉影場景。若標題、優惠和圖片同時改變，就很難解釋為什麼偏好某一個版本。

隨後按實際桌面和移動寬度檢視編碼後的頁面。Reddit 原實驗有用的一點，就是可以開啟真實頁面檢查。對自己的作品也採用同一要求，核對文字、裁切、鍵盤焦點和主要動作的目標。

把原實驗和自己的製作要求分別儲存

Coca-Cola 實驗的趣味，恰恰來自給出的方向很少。客戶專案需要準確傳達具體產品，責任有所不同。專案中應一起儲存確認主圖、文案、手機裁切和選擇該方向的理由。

面對搜尋 Astra 對比的讀者，先展示實際實驗，再給出具體下一步。這裡的下一步，是為自己的專案做一張要求更清楚的素材，並非承諾某個模型自動帶來更高轉換的網站。

• 用情緒板整理完整的視覺方向