官網被駭後，我乾脆用 AI 一週重做一個品牌｜鮮生小姐官網重建實錄

- 從被駭的 WordPress 官網，到 AI 代言人 Cherry、LINE 導購與 AI 商品圖 -

這一週，我幾乎把工作重心都放在一件事情上：重新打造「鮮生小姐」的品牌官網。

起因其實很直接。

原本鮮生小姐的官網是用 WordPress 做的，前陣子碰到大漏洞，八月初直接被駭客弄掛。既然都已經要大修，我乾脆做了一個決定：

不要修舊網站了，直接用 AI 重新做一個。

而且這次不是單純把網站「做回來」，而是趁這個機會，把品牌、購物流程、商品圖片、內容行銷，甚至品牌角色都重新想一次。

先從品牌開始：打造 AI 代言人 Cherry

第一個最大的改變，就是導入新的 AI 代言人：Cherry。

為什麼是 Cherry？

因為鮮生小姐做進口水果，最具代表性的商品之一就是櫻桃。

所以我跟 AI 討論了很久，希望她不是一個制式的「AI 美女」，而是真的有品牌個性。最後慢慢找到一個我很喜歡的方向：

怪美的，甜一點、酸一點，都好。

我希望 Cherry 有一點甜、有一點酸、有一點怪，但又讓人印象深刻。

接下來，她就不只是網站上的一張人物圖。她可以介紹商品、推薦水果、帶大家認識品牌，也可以出現在未來的社群內容裡。

做到後來，我甚至還直接用 Suno 幫 Cherry 做了一首歌和品牌 MV。

以前我們是在做一個網站；現在更像是在慢慢打造一個品牌角色，甚至是一個品牌世界。

重新設計購物流程：網站負責展示，LINE 負責成交

第二個改變，是我把傳統電商購物流程重新想了一遍。

這次的新官網，目前沒有再串第三方金流，而是把流程改成：

官網介紹商品與產生興趣 → LINE 詢問、溝通與客製 → 銀行轉帳完成交易。

這算是我這次一個滿大的實驗。

以前做電商，很自然會想到：

商品頁 → 購物車 → 結帳 → 金流 → 訂單成立

但水果，尤其是水果禮盒、企業送禮，本來就不是每一筆交易都這麼標準。客人很常會問：

• 這個今天有貨嗎？
• 水果可以換嗎？
• 我要送 10 盒，要怎麼搭配？
• 某一天以前送得到嗎？
• 企業大量訂購，有沒有其他方案？

這些事情，本來就非常適合透過 LINE 溝通。

所以與其強迫每個客人都走標準購物車流程，我反而把網站跟 LINE 高度綁定：

網站負責把商品說清楚，LINE 負責把交易完成。

對小型品牌來說，我覺得這可能是一個很值得測試的新方向。它不一定適合所有商品，但對規格、庫存、數量與配送條件都可能需要討論的水果生意來說，彈性會比制式結帳流程更高。

AI 不是幫我找圖，而是直接幫網站生圖

第三個讓我很驚喜的地方，是網站圖片。

以前做網站有一件很花時間的事情：找圖。

尤其水果更麻煩。你可能找到一張很漂亮的蘋果、一張很漂亮的葡萄、一張很漂亮的哈密瓜，但放在同一個網站裡，常常會發現光線、背景、構圖和攝影風格都不一樣，整個網站看起來就像從不同地方拼起來的。

這次我直接讓 AI 延續鮮生小姐原本的商品攝影風格，再按照網站實際需要去生成圖片。

我可以直接告訴 AI：

• 我要什麼比例。
• 主體要放在哪裡。
• 哪邊需要留白。
• 這張圖適合首頁還是商品頁。
• 整體光線、背景與質感要保持一致。

以前的流程是：

找圖片 → 配合圖片設計網站。

現在變成：

先設計網站 → 再生成最適合網站的圖片。

整個設計流程其實已經倒過來了。圖片不再只是網站完成後才補上的素材，而是可以跟頁面結構一起被規劃的品牌資產。

用 Codex 協同作業，一週把整個架構做起來

這次整個網站，我主要是用 Codex 協同作業。

從網站架構、頁面設計、商品資料、LINE 導購流程，到部署、修改和調整，很多事情都是直接跟 AI 邊討論邊做。

我覺得最大的差別，不只是 AI 幫我寫程式碼，而是以前很多事情光想到就會覺得專案很大：

• 網站架構要改。
• 商品流程要改。
• 圖片要重做。
• SEO 要處理。
• 手機版要調整。
• 部署還要弄。

然後就會想：「這專案好像有點大，改天再做。」

但現在可以直接把問題拆開，一個一個跟 AI 做。所以短短一週，就已經可以做到現在這個程度。

這裡的重點不是「AI 一週就能把任何品牌網站做完」，而是當架構、內容、圖片與部署都可以在同一個協作流程裡快速往返，一個人也更有機會把原本不敢啟動的專案先做出第一版。

網站不是做完，而是終於可以開始快速迭代

當然，目前還有很多地方需要持續修改。

商品會繼續增加，Cherry 的角色設定還會繼續發展，SEO 文章也會慢慢補上，網站細節一定還會再調整。

但現在有一個很大的差別：底層已經建立起來了。

接下來要上架新商品，可以很快；要新增 SEO 文章，可以很快；要做季節水果活動頁，也可以很快。甚至未來要讓 Cherry 出現在更多內容裡，也已經有完整的方向可以延伸。

所以我現在看這個網站，它其實已經不只是一個官網，更像是：

• 品牌內容平台
• 商品展示平台
• SEO 平台
• LINE 導客入口

AI 真正改變的，是「我敢做多少事情」

這次最大的感觸是：AI 真正改變的，不只是「做事情變快」。

而是讓原本一個人覺得太大的事情，開始變成可以直接動手做的事情。

以前可能會想：

「這個專案要找很多人、花很多時間，之後再說。」

現在則變成：

好，那這週就來試試看。

對一人公司、小型品牌、內容工作者來說，我覺得這才是 AI 真正厲害的地方。

它不是取代你做決定，而是讓你的想法可以更快變成真的東西。

鮮生小姐新版官網

鮮生小姐新版官網目前正逐步上線中，歡迎看看這次用 AI 重做的品牌網站：

前往鮮生小姐新版官網

常見問答 (FAQ)

Q1：為什麼不直接修復原本的 WordPress 官網？

因為原網站在八月初遭遇漏洞並被駭客弄掛，既然已經需要大幅修復，就把這次機會用來重新思考品牌、購物流程、商品圖片與內容架構，直接用 AI 建立新版本。

Q2：為什麼讓官網展示商品、再用 LINE 完成交易？

水果禮盒與企業送禮常涉及庫存、換果、搭配數量、配送日期與大量訂購方案，這些需求不一定適合標準購物車，因此讓官網負責說明商品，再透過 LINE 溝通與成交。

Q3：這次 AI 協助了哪些網站工作？

AI 協助討論網站架構、頁面設計、商品資料、LINE 導購流程、商品圖片與部署調整，也支援 Cherry 品牌角色與後續內容方向的發展。

Q4：這個網站現在已經全部完成了嗎？

還沒有。商品、Cherry 的角色設定、SEO 文章與網站細節都會持續更新；目前最重要的是底層架構已經建立，後續可以更快新增商品、文章與季節活動頁。