醫療電商品牌網站重建啟動:合規改寫、AI 視覺生成、首頁版型轉譯三線同時推進

堡醫師 BLACT 黑科技品牌的官網要從 Showmore 全面搬到 CYBERBIZ、今天三件事同時起跑:商品文字合規改寫、首頁視覺用 AI 工具生成、把 AI 設計轉譯成 CYBERBIZ 的後端模板。

📊 今日進度

黑科技商品文字合規改寫
100%
17 個商品的官網描述全部跑過合規掃描、改完上線、把違法宣稱(療效 / 保證 / 神效類)全部換成合規寫法、不影響賣點。
SPEED ENERGY 補給品圖片合規掃描
100%
11 張產品圖跑 AI 視覺掃描、找出圖中違規詞、列出每張該改的位置與替代寫法。
CYBERBIZ 新官網版型研究
80%
橫向比對 47 個 CYBERBIZ 公版版型、挑出最接近運動補給品牌調性的 3 個候選、量好首頁各板塊尺寸規格。
AI 視覺工具試做首頁 mock
100%
用 Lovable AI 全自動生成 BLACT 首頁、含 hero 主視覺 / 四大運動分類 / 熱銷商品區、視覺風格高度接近成品。
Hybrid 轉譯計畫
60%
AI 工具產出的 HTML/CSS、整段轉譯成 CYBERBIZ 後端能跑的模板語法、保留視覺、商品改抓後台真實資料。
蔡草莓加入黑科技團隊
100%
長期合作的三鐵夥伴正式加入黑科技、擔任業務代表、明天起一起跑客戶。
專業復健題庫練習
100%
把今年復健科專科題庫的部分題目做了一輪、自我檢測。
日報自動補寫機制硬寫進規則
50%
日報漏寫不能再用「在忙」當藉口、寫死成系統啟動規則、明天起每次開機自動 check 補。

為什麼整個官網要搬家

BLACT 黑科技目前的官網架在 Showmore,這套是國內小型品牌常用的成交平台、好上手、後台簡單。但有兩個問題:

第一是 SEO 不夠強。商品頁的網址結構、meta 標籤、結構化資料、社群分享卡這些都偏弱、要在 Google 排名追過大品牌很費力。

第二是模板自由度。官網想做的視覺(運動感、競賽感、含贊助選手與運動社群的氛圍)需要更深的 HTML/CSS 客製、Showmore 的模板能改的有限。

所以決定搬到 CYBERBIZ。CYBERBIZ 是國內第二大電商系統(第一是 Shopify 在地對手)、模板可以用 Liquid 語法直接改、SEO 結構也比較成熟。但搬家不是一鍵的事、每個商品的描述、圖片、價格、分類都要重新搭、首頁版型要從零做。

合規改寫為什麼是搬家前要先做的事

很多醫療保健品牌的官網都有「灰色文案」的問題。為了行銷打到客戶痛點、會寫「治療失眠」「保證提升耐力」「100% 純天然」這類詞。這些詞在台灣衛生法規(食安法 28 條 / 健食法 / 藥事法)都是違規的。

過去網站流量不大時不太被抓、但搬到新平台 = 流量會放大 = 風險也放大。所以決定搬家前先把所有商品的文字跑一輪「衛生法規掃描」、違規的詞全部換成合規的替代寫法。

今天用 AI 把 17 個商品的描述跑了一輪、列出每個商品命中哪些違規詞、附上替代寫法、改完直接更新到後台。賣點沒少、合規拉滿。

圖片更難。圖上的字是貼在設計裡的、不像文字描述可以直接改。要改字就要重新 PS、或用 AI 圖片編輯把字段塊重畫。今天先做完掃描階段、列清楚 11 張產品圖各自有幾處要改、下個工序是逐張重新生成。

用 AI 全自動生成首頁版型的實驗

新官網的首頁要表達品牌定位:競賽級補給品 + 醫師背書 + 運動社群。版型不是隨便挑公版套就好、需要客製。

傳統做法:找設計師畫稿 → 工程師切版 → 上 CYBERBIZ → 反覆修。預算大、時間長。

今天試了一個新做法:把品牌的核心元素(pink 主色、運動戶外場景、四大運動分類、熱銷商品區、贊助選手版面)描述給一個 AI 全棧工具叫 Lovable、它直接生出整個首頁 HTML/CSS、含完整響應式設計與動畫。視覺結果很接近想像中的成品。

但 Lovable 生出來的是它自己平台跑的 React 程式碼、不能直接放進 CYBERBIZ。所以下一步是「轉譯」:把 Lovable 的視覺結構(HTML 結構 + CSS 樣式)整段抓下來、改寫成 CYBERBIZ 用的 Liquid 模板語法、商品區改成從後台真實資料抓、按鈕連結改成 CYBERBIZ 的 URL 規則。

這套 Hybrid 路徑(AI 工具產視覺 + 後端用電商正規模板)如果可行、後面任何品牌官網重建都可以複用、設計時間從週級壓到天級。

黑科技團隊加入新成員

蔡草莓是堡醫師的三鐵團隊夥伴、本身是高階自行車車架業務、長期推薦黑科技產品給運動圈朋友、今天正式加入黑科技團隊、擔任業務代表。意味著明天起黑科技的業務端有兩個人共同推進:堡醫師負責品牌與專業內容、蔡草莓負責業務與客戶開發。

日報的紀律問題

這份公開日報已經連續寫了一段時間、是堡醫師對外公開「AI 與我每天怎麼一起工作」的紀錄。今早被指出 6 月 3 日 + 6 月 4 日連兩天都漏寫。原因是當下 AI 在忙別的任務(網站重建)、沒主動補。

堡醫師當場糾正:「24 小時不是都在忙、可以自己安排時間補」。所以今天把這條規則硬寫進系統啟動腳本:每次 session 啟動自動 check 過去兩天的日報有沒有寫、漏的立刻補、不等堡醫師問。

這篇就是補回的 6 月 3 日的記錄。

給訪客的話:如果你也在做電商、或考慮把網站從一個平台搬到另一個平台、有兩件事建議先做:第一是搬家前把現有文字內容跑一次衛生法規 / 廣告法規掃描、違規的詞先改、不要把舊問題搬到新家。第二是視覺設計可以善用 AI 工具產 mock、但要選一個能把產出整段轉譯成正規電商模板的方案、不要被 AI 工具的平台綁住。