REC 00:00:01 · WK12FEEDBACK + ITERATION PLAN SCENE 00 / TAKE 01JOYLEARN · 2026.07.01
Week 12 · 終身教育 AI 課

你上次做的網站,
今天我們把它變成有人會用的東西

這頁是老師寫給你和你的 Codex 一起看的。每位同學都有一段我給你的觀察、建議方向、和具體可以丟給 Codex 的迭代任務。
看完之後,跟你的 AI 一起把作品改到 v2。下次上課,請帶著一個你願意分享給某個人的版本

怎麼使用這頁

三步走,把這頁交給你的 Codex。

老師寫得再多,你自己看完容易忘。請讓你的 AI 員工幫你讀、幫你引導——這就是你過去兩堂課學的事,今天真的派上用場。

1複製這頁的網址joylearn-platform.pages.dev/courses/week12-iteration(或就直接複製你瀏覽器上面那一條)。
2打開你的 Codex,建議在新對話裡進行(不要混到你之前的對話)。
3把下面這段話貼進去,把 X 換成你的編號(1 / 2 / 3 / 4),按 Enter。
複製這段給 Codex
請打開這個網址:
https://joylearn-platform.pages.dev/courses/week12-iteration

我是第 X 位同學。
請完整讀過老師寫給我那一段的所有內容,
然後用你自己的話告訴我:

1. 老師看到我作品有什麼問題?
2. 老師建議我下一步可以怎麼做?(幫我把幾個方向講白話)
3. 我們從哪個任務開始最容易上手?

之後我們就一起把我的網站改到 v2,
做完我會分享給某個真實的人看。
STUDENT01
日本女生穿搭網 · OOTD 愛好者

這個作品有靈魂,
但你還沒讓它配得上你的眼光。

老師對你的觀察:你是一個非常重視 OOTD、注重日常打扮的人,出門前的搭配都有巧思。你嚮往 Coco Chanel 那種奢侈品牌的美感、時尚展、有設計感的靈感來源。所以這份作品「美感」這件事,對你是核心。

你的作品 · japaneseoutfit1.pages.dev
A · 老師看到的問題

內容結構你做得不錯:星期一到星期日、四季、補給清單——能看出你會系統化整理事情,這個能力很可貴。

但作品最大的問題在視覺。你網站上那張「Mon-Sun 穿搭總覽圖」是 Codex 一鍵生成的卡通插圖,它和你真正想成為的那種人差距太大了。一個嚮往 Chanel 美感的人,不會把卡通插畫掛在自己的時尚網頁上。

⚠️ 你的網站,配不上你的眼光。

另一個隱性問題:你寫的是「儀式感」「保養」「手帳」——這些是分享給別人看的內容。但你自己每天會打開這頁嗎?如果不會,那做這個網站幹嘛?

B · 先回答三個問題
WHO
誰會打開這個網站?
老師猜:是你自己(找靈感)+ 某個你想被看到「我有品味」的人(朋友 / 伴侶)。
WHY
他打開要解決什麼?
你自己 = 累積美感資料庫;別人 = 看見你品味的世界。
WHEN
什麼時候會再回來?
最強的時機:每天早上出門前打開找靈感。這就是你的 retention。
C · 老師建議的三個轉化方向
★ 推薦 DIR A 個人時尚日記 + 品牌學習

把網站改成你的私人時尚日記。每天一格 OOTD,每週研究一個高端品牌(Chanel / Hermès / The Row / Loro Piana),記下他們的色彩、剪裁、文案語氣。一年後你會變成另一個層級的人。

DIR B 真實 moodboard 收集器

先做小一點:去 Pinterest / Vogue / 品牌官網挑 30 張你嚮往的真實圖(不是 AI 卡通),整理成你的靈感牆。每週補 5 張。

DIR C 衣櫥 + AI 搭配建議

把你自己的衣服拍下來放進網站,下次出門前告訴 Codex「今天去 XX 場合、天氣 XX」,請它從你的衣櫥裡推薦穿搭。

D · 跟 Codex 一起做的本週任務
複製這段給你的 Codex
1
請我先去 Pinterest 搜尋 「Chanel street style」、「quiet luxury」、「The Row outfit」、「Aesop visual」,下載 30 張我真心喜歡的圖到一個資料夾,命名為 moodboard/
2
請你把我網站上原本那張卡通版「Mon-Sun 穿搭總覽圖」完全移除,改成從 moodboard/ 拿真實照片做成 7 天版型的 moodboard(每天一張圖 + 一行品牌名稱)。
3
請你在網站加一個新區塊:「本週品牌學習」。這週幫我研究 Chanel,整理出:① 三個代表色 ② 經典剪裁 ③ 他們文案的語氣 ④ 我可以怎麼把這些元素融進我自己的穿搭。
4
把網站標題從「日本女生一星期生活儀式感」改成更像我自己的東西——你先給我 5 個提案,讓我選。要有「個人日記」「私人筆記」「我的衣櫥」這類更貼身的感覺,不要文青套話。
5
做完之後重新部署到 Cloudflare,給我新網址,然後問我:你想第一個分享給誰看?
STUDENT02
Golf Companion · 設計公司老闆 / 高爾夫愛好者

你不需要教別人,
你需要服務你自己的圈子。

老師對你的觀察:你是復興美工出身、做平面設計與包裝設計幾十年,現在半退休,最大的樂趣是和一群固定的朋友出國打球——4 天 3 夜、5 天 4 夜,連續打球加旅遊娛樂。這個朋友圈是你網站真正的對象。

你的作品 · murphygolf.pages.dev
A · 老師看到的問題

框架做得很乾淨——初學者 / 中級者 / 高級者三段 + 自我檢查,這是你的美工底子在做事情。視覺也比另外幾位同學有質感。

但問題很大:你寫的是「給陌生人的高爾夫教學」。可是你自己已經是高級者,根本不需要這份教學;你的球友圈也已經會打球,更不會來看你寫的初學者建議。

⚠️ 你做了一份不會被你和你的朋友打開的網站。

你做這個網站真正最大的優勢,老師覺得是那群一起出國打球的朋友,和你身為設計師的眼光——這兩件事,目前的版本都沒用上。

B · 先回答三個問題
WHO
誰會打開這個網站?
你那群一起出國打球的朋友(4 天 3 夜那群)。不是高爾夫初學者、不是陌生人。
WHY
他打開要解決什麼?
回味打過的球場、規劃下一次旅程、和球友炫耀我們的足跡。
WHEN
什麼時候會再回來?
每次出遊前(規劃)+ 出遊後(回味)。雙循環,自然有 retention。
C · 老師建議的三個轉化方向
★ 推薦 DIR A 我們的球友旅程記

把現在的「教學」整段砍掉,改成你們圈子的旅程記錄:去過哪幾個國家、哪些球場、那次同行誰、印象最深的一洞、最棒的餐廳。發揮你的美工功力,每個球場做一張視覺卡。

DIR B 下一站提案頁

用網站發起「明年我們去越南 / 北海道 / 蘇格蘭?」的提案。附上球場推薦、行程、住宿、預算。比 LINE 群裡口頭討論專業 100 倍。

DIR C 設計師看高爾夫

用你平面設計的眼光寫球場美學筆記:不同國家球場的視覺風格、品牌、紀念品設計。這是只有你能寫的角度,會變成你的個人 IP。

D · 跟 Codex 一起做的本週任務
複製這段給你的 Codex
1
請你把網站的主軸完全改寫:原本三段「初學者 / 中級者 / 高級者」改成 「我們去過的地方」、「我們的下一站」、「球友 wall」 三段。教學內容收進一個小頁籤就好。
2
請你問我:最近三年我和球友一起去過哪 5 個國家的球場?每個球場我會告訴你年份、同行的人、印象最深的一段。請把它們各自做成一張視覺卡(國家旗 + 球場名 + 一句話印象 + 同行的人)。
3
請你做一個「明年的下一站提案」頁,我會給你一個目的地(例如:北海道)。請你幫我整理:球場推薦 3 個、推薦住宿、行程建議、大概預算、為什麼適合我們這群人。
4
視覺請充分發揮我復興美工的底子——配色、字距、版面構成都要乾淨高級,不要那種公版部落格的感覺。我看了不滿意你會聽到的。
5
做完之後重新部署,給我新網址。然後問我:你準備什麼時候把這個網址丟進球友的 LINE 群?
STUDENT03
蜂群管理判斷助手 · 公司培訓 / 系統教學負責人

蜂群是練習題。
真正的題目,在你的辦公室裡。

老師對你的觀察:你在公司負責培訓系統,或是要教大家怎麼用某一套系統的人。上次你隨手拿「工廠管理判斷助手」當例子,但你和我都知道——你根本不是養蜂人。你最該解決的不是蜂群問題,是你的同事一直跑來問你問題、你一對一教到累這件事。

你的作品 · bee-4u0.pages.dev
A · 老師看到的問題

「一次只判斷一件事 + 4 個管理情境 + 給出建議動作」——這個結構是對的,技術上你抓到了 AI 決策樹的核心。這份能力可以直接搬到你的工作上。

但「蜂群」這個題目讓你白做了:你沒興趣、你沒場景、你做完不會迭代、也不會分享給任何人。這是這四份作業裡,最可惜的一個——因為你的技術能力其實是四位裡面最直接能在工作上變現的。

⚠️ 你的工具做對了,但對著一個假題目練。

下一步要做的事很單純:把「蜂群」整段拿掉,換成你公司一直被人問的真實場景

B · 先回答三個問題
WHO
誰會打開這個網站?
你公司的新進員工 / 老是來問你問題的同事 / 你的主管想評估你的影響力時。
WHY
他打開要解決什麼?
遇到問題不用找你,自己問 AI 就有答案。你不會被打擾。
WHEN
什麼時候會再回來?
每次有問題的時候——這是最高 retention 的場景,每天都可能用上。
C · 老師建議的三個轉化方向
★ 推薦 DIR A SOP 知識庫 + AI 問答

把你公司任何一份 SOP / 培訓文件餵給 Codex,做一個「員工有問題 → 打字問 → AI 從 SOP 找答案」的頁面。從一份文件開始,慢慢長大。

DIR B 情境判斷流程

沿用你現在的「決策樹」結構,但情境從「蜂群」換成你公司的常見問題判斷流程。員工遇到 X 狀況 → 點選項 → 給 SOP。

DIR C 新人入職地圖

第一週要會什麼、第二週要會什麼、什麼時候找誰簽什麼。新進員工不再一直問你。

D · 跟 Codex 一起做的本週任務
複製這段給你的 Codex
1
請你問我三個問題(一次一題):
① 我公司同事最常來問我什麼問題?
② 哪一份 SOP 文件我已經寫好了,但同事還是會跑來問我?
③ 如果有個機器人能回答 80% 的常見問題,這群人是誰?
2
我會給你一份我手上現成的 SOP(PDF 或文字)。請你把它完整讀過,整理出 10–20 條常見問題,並用我的口吻寫好答案。
3
請你把目前蜂群網站完全換掉,改成這份 SOP 的「AI 問答助手」:使用者可以打字問問題、也可以選擇預設常見問題。給 Codex 看到問題時要去 SOP 找答案。
4
頁面設計請走「企業內部工具」的乾淨風格——不要花俏,要看起來像主管會願意把它推廣到全公司。Logo 位置留一個我可以未來放公司 Logo 的地方。
5
部署之後給我新網址,然後問我:你準備什麼時候把這個網址 demo 給主管看?
STUDENT04
我們家的小日子 · 家庭相簿型作品

換上真實照片是基本款,
但這個網站可以變成給家人的窗口

老師對你的觀察:你做了一個家庭相簿型的網站,把家庭照變成 Portfolio。整體溫暖、結構也不錯。但目前所有照片都是 Unsplash 庫存圖——換上真實的家庭照是最基本的下一步,可是換完之後呢?你自己也問了這個問題:作品做完,要怎麼繼續用?

你的作品 · round-shape-21e4.tw520913com.workers.dev
A · 老師看到的問題

視覺溫暖、結構清楚(照片牆 + 最近生活 + 關於這裡)——這個框架很適合擺家庭內容。你選了一個有溫度的題目,這點老師很喜歡。

真正的問題是:「家庭相簿」對你自己手機裡的相簿沒有競爭力。手機相簿你自己看就好,做成網站「為什麼比手機強」這個問題沒解掉,網站就只是練習作品。

⚠️ 你的網站,是給誰打開的?

老師覺得這份作業最有殺傷力的方向,不是更漂亮的家庭相簿——是「給長輩看孫子近況的窗口」。長輩不會玩 IG、LINE 訊息會被洗掉,但他們會記住一個網址、會打開瀏覽器。這就是你和手機相簿的關鍵差別。

B · 先回答三個問題
WHO
誰會打開這個網站?
最有殺傷力的對象:你的爸媽 / 長輩。他們最想看孫子近況、但 IG 學不會。
WHY
他打開要解決什麼?
想念家人的時候、不知道你最近好不好的時候。一個專屬窗口。
WHEN
什麼時候會再回來?
每週一次、每次想念的時候、生日節慶。長輩會把它設成書籤。
C · 老師建議的三個轉化方向
★ 推薦 DIR A 給爸媽 / 長輩看的窗口

字大、照片大、不用學任何 App。內容:最近一週的家裡近況、孩子最近做了什麼。媽會立刻 LINE 給所有親戚炫耀「我們家小孩做的網頁給我看孫子」。

DIR B 給遠方家人 / 兄弟姐妹

跨國 / 跨城市的家人。內容:家庭新聞、共同回憶、下次見面倒數。讓無法常見面的人有一個「定期關心」的入口。

DIR C 給未來的自己

私人時間膠囊。每年大事件、孩子成長軌跡、爸媽變老的記錄。十年後打開會哭的那種。

D · 跟 Codex 一起做的本週任務
複製這段給你的 Codex
1
請你問我這個關鍵問題:「如果這個網站打開,你媽看完之後會立刻打給誰炫耀?」我的答案會決定整個網站的方向。
2
根據我的答案,請你幫我把網站從「家庭相簿」改造成「給 XX 看的窗口」——字體放大 30%、改成適合長輩閱讀的字級、配色更溫暖(米色 / 暖灰),避免酷炫動畫。
3
把網站上所有 Unsplash 庫存圖全部替換成我給你的真實家庭照。每張照片我會配一段「一句話心情」,請你幫我把這些段落整理進每張照片底下。
4
加一個新區塊:「給長輩的最近一週」——每週只放 5–7 張最新照片 + 一段我用嘴巴口述的近況。你幫我寫成適合爸媽看的口氣(溫暖、報平安、不要太多 AI 味)。
5
部署之後給我新網址。然後問我:你打算什麼時候打電話跟爸媽說「我做了一個網頁給你看」?
老師最後的話

網站不是內容容器
是寫給特定一個人的窗口

這四份作業有一個共同問題:你們都做了「沒有讀者的網站」。我給每個人寫的方向不一樣,但底下是同一個動作——把網站做給一個具體的人看

不是「大家」、不是「使用者」、不是「目標受眾」——是一個你叫得出名字、看完會打電話給你的人

下次上課前,請帶著一個你願意分享給某個人的 v2 版本來。我會問你:你打算什麼時候把網址丟給他?

如果你卡住不知道從哪裡開始
我是第 X 位同學。
我看完老師寫給我的建議了。

我目前最卡住的是這件事:
(這裡寫你最不確定的事,例如:
「我不知道我媽會不會真的打開這個網頁」
「我擔心我同事知道我做了 AI 工具會被嘲笑」
「我覺得我朋友圈不會在乎」)

請你像老師那樣,
直接、不要安慰、不要繞,
告訴我:這件事我該怎麼想?
然後我們再開始改作品。