勁龍鋼鐵成型新版官網：
https://www.strongwall.com.tw/
勁龍鋼鐵成型新版官網，正式上線。
對我來說是一個非常特別的案子。
勁龍是從我老爸還在開設計公司時，就一路合作到現在的老客戶。
當年老爸替勁龍製作了他人生第一個 Flash 網站；
後來的維運、改版，再一路交到我手上。
從 Flash 純動畫、ActionScript 3、HTML5 RWD、Wix，
一路做到現在這一版。
回頭一算，不知不覺，我們竟然已經一起走過了五個不同的網站世代。
而這一次，又剛好碰上 AI。
所以與其說這只是一次「官網改版」，
我覺得它更像是另一個階段的開始。
01. 從老爸的第一個 Flash 網站開始
勁龍鋼鐵是我們家兩代的客戶。
最早合作的時候，我甚至還在混混噩噩過日子
每天跳舞，還沒想要投履歷上班。
當時是老爸替勁龍製作網站，也是他人生中第一個 Flash 網站設計。
後來網站需要維護、技術開始改變，這個客戶也慢慢交到我手上。
從老爸做到我，從 Flash 做到 HTML，一直合作到今天。
所以這次重新整理網站時，
對我來說不只是「舊網站改新版」。
某種程度上，也像重新翻了一遍我們自己做網站的歷史。
附圖一是2019年使用WIX開發的版本
右側則是更早之前的HTML網站
那時候還只有桌機版，手機還不能像現在這樣自由上網
很可惜，最早的FLASH版本沒有留存
要不然會很有紀念價值
延伸閱讀：
2019 勁龍鋼鐵成型 WIX 官網設計
02. 一個客戶，經歷五個網站世代
如果真的把歷年的版本攤開來看，
我們跟勁龍的合作，大概可以分成五個階段：
- 第一階段：老爸製作的 Flash 影格網站
- 第二階段：Flash ActionScript 3
- 第三階段：HTML5 RWD 響應式網站
- 第四階段：Wix 快速擴充的樣版網站
- 第五階段：AIO / GEO 導向的網站架構重建
每一次改版，其實都跟當時的網路環境有關。
Flash 的年代，我們在意動畫與互動。
進入 HTML5 與 RWD 之後，
開始處理不同螢幕、不同裝置的閱讀體驗。
後來 Wix 這類視覺化工具成熟，
對需要自己編輯內容的小型企業網站來說，
又是一個很方便的選擇。
到了現在，問題又改變了。
網站不只要讓人看得懂，也開始需要思考：
AI 看不看得懂？能不能正確找到、理解、引用裡面的資料？
工具一直變。
所以我們做網站的方法，也不可能永遠停在同一個地方。
03. 這次花最多時間的，其實不是設計
這次改版最主要的需求是讓 AI 可以收錄網站資料，解決 WIX 網站的痛點。
所以我並沒有急著跳下來，先畫網站。
花掉比較多時間的，其實是重新找方向。
舊網站的內容其實不少，
產品、工法、專利、施工案例、規格資料都有。
問題不是「沒有內容」。
而是這些資料要怎麼重新整理，
才能符合現在的搜尋方式，以及未來 AI 搜尋與引用的需求。
所以前期我們先重新整理：
- 客戶到底是誰？
- 不同客戶進來時，想解決什麼問題？
- 他們會用什麼語言搜尋？
- 哪些資料適合被拆成獨立內容？
- 哪些資訊值得整理成比較、FAQ 與結構化資料？
- 怎麼讓搜尋引擎與 AI 更容易理解內容之間的關係？
例如建商、營建採購、自地自建，
雖然都可能需要免拆模板，
但三種角色想找的答案其實完全不同。
有人在意工期，
有人缺工，
有人在意廢料與清潔問題，
也有人更關心預算、施工品質與後續維護。
這次不是先問「首頁要長什麼樣子」，而是先問「誰會來？他想解決什麼問題？」
方向整理清楚之後，
畫面反而變成後面的事情。
04. 第一次嘗試大量使用 AI 開發網站
這次還有一個我自己很想做的實驗：
我想知道，一個正式的商業網站，到底可以有多少工作直接交給 AI？
很多人一直在討論 AI 能不能真正變現。
與其繼續討論，我比較想直接拿自己的專案試試看。
所以這次我幾乎沒有使用過去習慣的設計軟體。
從內容架構、版型嘗試、HTML、CSS 到不同頁面的延伸，
大量工作直接透過 AI 協作完成。
它最大的優勢不是「一次就做對」。
而是速度真的很快。
你可以很粗糙地先把一個想法丟給它，很快就可以看到結果。
覺得不對，再換一種。
版型也可以快速產出不同方向，拿來跟客戶討論。
以前可能要花不少時間才能做出的 Prototype，
現在很快就可以看到一個真的能操作的版本。
這也讓前期驗證的速度快了很多。
當然，Token 也燒得超快（笑）。
所以真的可以 100% 靠 AI 嗎？
至少這次，我的答案還不行。
沒辦法直接比 OK。
實際做完之後，我自己的粗略估計大概是：
大約 70% 可以直接透過 AI 完成，剩下 30% 我還是會自己動手調整。
倒不一定是 AI 完全做不到。
更多時候，是我對畫面、比例與一些小地方實在太挑。
同事們看到後的說法比較直接：「不是 AI 不行，是你太龜毛。」
好吧，我接受（笑）。
有些地方我最後還是會自己動手刻到滿意，
再把調整好的規則丟回去，
叫 AI 照這個方式處理其他頁面。
結果連客戶都忍不住虧我：「說好的全 AI 呢？」
所以嚴格來說，這不是一個「全 AI 開發」的網站。
比較像是我第一次認真測試：
人跟 AI 到底怎麼分工，才是目前最有效率的方式。
05. 不是把舊資料搬過來，而是重新整理一次
雖然這次很多內容都是從舊站整理到新版，
但我不想只是把舊資料複製貼上。
尤其碰到工程網站，最容易出現的就是大量規格表格。
客戶給一份 Excel，設計師整理成 HTML Table，
然後原封不動搬上網站。
資料當然沒有錯。
但我一直不太喜歡這樣做。
因為「資料有放上去」，跟「使用者看得懂」其實是兩件事。
像這次的勁牆厚度對照表，
原始資料裡有大量規格、型號、材料與重量。
第一個版本，我們先把表格轉成比較容易閱讀的形式。
但後來再想：
使用者來看這張表，
真正想知道的是什麼？
所以最後又重新調整資訊層級。
把厚度作為選擇條件，
再把使用者很可能關心的「構材合計重量」直接拉出來。
其他規格則重新分組。
資料沒有變，但閱讀資料的方法變了。
同樣的邏輯，也用在網站其他地方。
工期縮短多少、廢料減少多少、清潔費用降低多少，
不再全部藏在長篇文字裡。
不同角色需要的材料、施工、預算與品質資訊，
也重新拆開。
公開案例則重新依產業整理，
讓使用者更快理解這套工法實際被使用在哪些地方。
我希望最後呈現的不是一個「資料很多的網站」。
而是一個資料很多，卻不需要很辛苦閱讀的網站。
06. 以前怕被抄，現在不擔心了
網站準備上線前，蔡大哥突然有點不安地問我：
「很擔心網站會不會又像以前一樣，
一下就被別人抄襲了？」
我回他：「肯定是會的。」
尤其現在 AI 當道，複製貼上的速度，
大概比以前又快了十倍吧。
這件事我們其實很有經驗。
勁龍以前叫做「台灣勁牆」，網站一直很容易變成同業參考的對象。
我自己就看過不少次。
有些甚至抄得太誇張，連勁龍原本的文字都一起複製過去了。
早期碰到這種事情，真的會覺得很煩。
蔡大哥以前也常跟我聊，他的工作模式經常被同業模仿。
那時候我跟他說：「會被抄襲，表示你的東西真的很棒，
才會有被抄的價值。」
但到了現在，我的想法又有點不同了。
與其花太多力氣防範身後的人，不如繼續把自己的標準往前拉。
網站可以抄。
畫面可以模仿。
文字甚至丟給 AI，
幾秒鐘就能產出一個看起來差不多的版本。
但勁龍這些年累積的專利、工程經驗、施工資料，
以及持續研發免拆模技術的能力，
沒有辦法靠 Copy & Paste 一起帶走。
我們能做的，就是繼續把下一個版本做出來。
讓後面的人繼續追吧，最好連車尾燈都看不到。
07. 讓 AI 做我以前的工作
做完這次專案後，
我自己最大的感受不是 AI 已經可以幫我做 70% 的網站。
而是，我的工作位置好像開始改變了。
以前做網站，
很多時間花在畫版、排版、寫 HTML、調 CSS、處理 RWD，
然後一個一個修改細節。
現在其中很大一部分，
可以先把規則定義好，交給 AI 執行。
那我呢？
我其實可以把時間往前移，想想看：
方向對不對？
問題到底是什麼？
資料應該怎麼整理？
使用者真正想找的是什麼？
這些內容未來要怎麼被搜尋引擎與 AI 理解？
這可能才是這次專案裡，我自己最喜歡的變化。
讓 AI 做我以前的工作，讓自己往上一階，多去思考方向與策略。
從老爸的第一個 Flash 網站，
一路走到今天用 AI 協作開發。
回頭看，其實每一次工具改變，
我們都會少做一些以前習慣做的事。
但同時，也會開始做一些以前沒時間做的事。
所以我現在已經不太在意：「AI 到底會不會取代設計師？」
至少對我來說，比較實際的問題是：
當 AI 已經可以接手一部分原本的工作，
我接下來要把自己放在哪裡？
這次勁龍網站改版，
算是我目前找到的一個答案。
Project Information
專案客戶： 勁龍鋼鐵成型有限公司
專案網址： www.strongwall.com.tw
網站製作： 超能力設計戰隊 Innovation Plus
專案內容： 官網架構重建、資訊架構、UI Design、HTML / CSS、AI 協作開發、SEO / AIO / GEO 架構規劃
網站類型： B2B 工程技術／資料型網站
正式上線： 2026 年
