三月份對我來說是很精實的一個月,同時有數個專案在跑。也因為這樣,我更清楚感受到 AI 真正幫到我的地方不是幫我一鍵做完網站,而是改善了我的 WordPress 接案流程,讓我更快分析客戶需求、整理方向、減少溝通誤差。這篇文章我想用近期的網站設計專案為例,分享我怎麼把 AI 放進實際工作流程裡,以及在專案排程緊湊的情況下,我最後選擇了哪些真正適合自己的工具。

同時有數個專案在跑,我的工作狀態很像一台開了太多分頁的電腦

這個月同時有數個專案在跑,我的工作狀態很像一台開了太多分頁的電腦,一邊回客戶訊息,一邊在調整版面,下一秒又要切去處理報價、確認內容,終於到了月底,有 3 個網站順利上線了!

多語系網站案例
多語系網站案例 / Ferqo

回顧這個月,真正讓我撐過這波高密度專案的主要原因,是我把 AI 放進自己的 WordPress 接案流程裡,而且我使用的還是最簡單的方式。我並沒有追上最新的 AI 技術,也沒有實現什麼全自動架站,單純分享我實際在專案中的使用心得。

在近期的網站設計專案,AI 幫助我改善 WordPress 接案流程,讓我更快整理客戶的需求、判斷方向、減少溝通誤差,讓整個專案能更穩、更順利地往前推。

近年只要討論做網站,幾乎很難避開 AI,像是 AI 架站、vibe coding,好像現在如果不用 AI,就有點像還停在上一個世代。但真的面對專案,尤其在緊湊的專案排程,每個客戶狀況不太一樣的時候,我還是會選擇我更熟悉的工具去執行。

AI 確實幫了我很多,但不是讓我少思考,而是讓我少花時間在整理資料、反覆確認與拆解需求上,以前我會把很多時間耗在整理資料、來回確認、拆解客戶話裡到底在講什麼,現在 AI 幫我把這些前置工作加快之後,我能把更多時間拿去處理其他重要的事情,例如思考如何讓網站有更好的呈現、讓使用者更順利的操作以及我還能在哪些地方多做一點服務。

AI 協助網站設計這件事上,我最有感的地方是它沒有讓我變得不用工作,反而是讓我工作的方式變得更準確,也比較不容易把力氣浪費在低效率的地方。

近期製作最順利的專案

這幾個上線的網站裡,Ferqo 算是製作流程最順利的一個,因為專案從一開始的需求就很明確,很多案子做到後面會卡住,不一定是因為技術太難,很多時候是因為一開始需求沒釐清清楚,導致後面每一步都像在通靈。這一個專案雖然內容不少,也有語系上的考量,但至少目標相對清楚,所以我可以很快地掌握專案的節奏,透過文件、需求整理、抓出客戶主要的需求,進一步處理視覺與開發。

多語系網站案例
多語系網站案例 / Ferqo

專案排程緊湊時,我反而更依賴熟悉的工具

現在 AI 工具越來越多,很多人可能會預期我會想辦法把整個流程自動化,甚至直接用 AI 把網站快速生出來。但剛好相反,當專案排程很緊湊的時候,我反而會選擇熟悉、穩定、可控的工具。

Ferqo 的專案,我選擇使用自己最熟悉的佈景主題 Blocksy,加上 Elementor 全站編輯器來製作。因為我很清楚知道有哪些模組可以用、用在哪裡、哪邊可能會有問題、客戶後續怎麼維護、交接時哪些地方要特別說明。這對 WordPress 網站設計流程來說是很重要,因為網站不是做出來就結束,後面還有內容更新、SEO、語系管理等。所以我不是排斥 AI,也不是不想用新東西,而是我不想把一個有交期壓力的正式專案,拿去賭工具還不夠成熟的地方,好的工具不一定是最新的,而是最適合當下情境的。

AI 幫了我什麼?我現在主要還是拿來做分析與局部協作

我把 AI 放在它們各自最有價值的位置:

ChatGPT 對我來說比較像是一個專案分析與需求整理的助手。我會拿來看客戶文件、拆解需求、判斷客戶回覆背後的真正意思,甚至某種程度上像是在幫我通靈,確認我沒有誤會客戶。

Claude 在 AI coding 這一塊,我覺得體驗很不錯,尤其有時候我問題問得不夠清楚,它還會反過來提醒我要補哪些條件,這對開發很有幫助。

Gemini 則很適合處理圖片、示意圖與圖片轉文字,尤其是客戶很常把文字放在圖片裡,不能直接複製,這種時候它真的省時間。

AI 改善了我哪些 WordPress 接案流程?

AI 真正協助我的是中間一連串原本耗時耗力的流程:

1. 報價評估

確保專案報價在合理範圍內,符合我預期的收入。如果一開始估得太低,後面就容易做得很痛苦;估得太高,又可能與市場脫節。所以我現在會把客戶需求、頁面數量、功能、潛在風險先丟給 AI 幫我分析一輪,確認這個案子的複雜度落在哪裡,也讓我比較能守住自己期待的收入。

2. 文件分析

客戶給的一大串文件、參考網站、品牌資料時,AI 很適合幫我先抓出重點,再由我來判斷哪些是真的需求,哪些只是表面描述,這一步如果沒做好,後面設計與開發都很容易建立在錯的理解上。

3. 風格提案

我會請 AI 分析網站的字體、配色、排版、視覺元素,最後整理成比較具體的方向,避免提案時只停留在「我覺得這樣比較好看」這種很空的說法。

風格提案
風格提案

4. 建立規範

因為我常用 Blocksy,所以會直接請 AI 依據 Logo 配色,延伸出整體色彩調色盤,讓我能更快建立網站視覺基礎。AI 已經讓我很少再回去用傳統配色網站慢慢試色了,因為它大多能先提供一版夠用的起點,再由我去微調到真正合適的版本。

基於 Blocksy 整體色彩調色盤的色彩規範
基於 Blocksy 整體色彩調色盤的色彩規範

AI 在這個專案裡,最實際的幫助是降低誤解與縮短試錯

我覺得 AI 最實際的貢獻,不是幫我做出多厲害的東西,而是幫我縮短那些原本只能靠自己慢慢理解、慢慢試錯的時間。像客戶有時候給的回饋不是很直接,表面上是在講畫面,但實際上是在講內容理解;有時候嘴巴說想要簡潔,實際上是怕資訊看起來太亂。這些話如果照字面解讀,很容易產出不如客戶預期的設計。

所以我現在很常把客戶原話先丟給 ChatGPT,請它幫我整理可能的意思,再來確認我要怎麼回應比較不會誤會。

還有一個很有感的地方是內容重整,客戶提供的文案常常是一個很大的段落,直接放上網站只會讓使用者失去閱讀的興趣。這時候我會請 AI 建議該怎麼拆成條列、卡片,讓內容更適合網站閱讀,同時不失去原本的重點。

選圖、翻譯與局部開發,是我目前最常用 AI 的三個地方

除了需求分析與內容整理之外,我目前最有感的三個 AI 應用,其實是選圖、翻譯與局部開發。

1. 選圖

以前我覺得找圖是一件很容易低估時間成本的工作,因為圖片在網站中是個重要的元素,要找到真正適合的圖得花些心思,要考慮風格、語意、客戶產業、網站氛圍,還要考慮圖放上去是不是會顯得太廉價。

現在我會在分析需求時,順便請 AI 提供建議搭配的圖片英文關鍵字,接著再去 FreepikFlaticon 找圖與 icon,效率真的差很多。

2. 翻譯與外語溝通

近期剛好有應對國外客戶,ChatGPT 在信件整理、語氣調整與內容確認上,確實幫我省下不少時間,也讓我不會因為語言而卡住。

3. 局部開發

Ferqo 專案裡,我就有使用 Claude 協助處理 CSS 動畫,雖然這些東西我本來就能寫,但 AI 先幫我搭好一個可用架構,後面我只要補細節、微調效果,時間就快很多。

為什麼我在正式專案中,反而儘量避免用 AI 生成圖片

雖然現在 AI 生成圖片很熱門,拿來做提案示意圖確實方便,但在正式網站專案裡,我會儘量避免使用 AI 產生的圖片。甚至在素材平台搜尋時,我也會優先排除 AI 生成圖。

我並不排斥 AI 圖,因為我認為 AI 生成圖片目前還是有不少細節上的破綻。有些問題是一眼就看得出來,但有些其實不那麼明顯,卻會默默降低整體專業感。尤其當客戶做的是比較重視信任感的品牌、公司網站時,這種細節帶來的影響會被放大。

對我來說,AI 圖比較適合用在提案初期、概念草圖、內部溝通,而不是直接放進正式網站裡當成主視覺素材。AI 圖不是不能用,而是要知道它適合用在哪裡。如果把它放對位置,它真的很好用;但如果拿它去取代那些本來就很吃品牌質感與判斷力的部分,反而容易出事。

Freepik 搜尋圖片排除 AI 所產生的圖片 (Exclude AI)
Freepik 搜尋圖片排除 AI 所產生的圖片 (Exclude AI)

AI 會讓接案者失業嗎?其實比較像是市場重新分工

我現在的感覺是 AI 不會直接讓接案者失業,反而讓市場更快把不同層次的需求分出來。像最近就有客戶先去嘗試 AI 架站,後來發現網站雖然看起來做出來了,但實際營運起來不順、維護很麻煩、後續不知道怎麼調整,最後還是回頭找我改成 WordPress 架構。

很多人以為做網站最難的是生出畫面,但其實真正難的是讓網站能長期運作。網站上線之後還有很多事,像內容更新、頁面擴充、SEO、客戶自己能不能操作,這些都不是把首頁做得漂漂亮亮就能解決的。

今天客戶只是需要一個很快就有的樣子,AI 架站確實可能很有吸引力;但如果客戶需要的是可維護、可持續營運的網站,那還是會需要有經驗的人來整理整體方向。我覺得 AI 比較像是在把市場需求切得更清楚,而不是單純把人淘汰掉。

經驗最難被取代的地方,是那種說不太出來但真的存在的判斷力

我最近剛好又重新翻《原子習慣》,裡面有一句話我很有感,大意是行為改變的過程始於覺察。這句話放在設計工作上我覺得也很貼切。很多經驗其實不是知識點,而是一種覺察能力

就像有些人可以一眼看出贗品,有些人可以一眼看出你哪裡不對勁,但要他完整解釋每一個判斷依據,未必講得出來。網站設計也是一樣,做久了之後,你會慢慢知道客戶偏好的視覺元素是什麼、哪些說法背後其實是在擔心風險、哪些版面雖然好看但不適合這個品牌。

這種東西很難完全寫成規範文件,也不是只靠工具就能取代。AI 能幫我做很多分析與整理,但它目前還沒辦法完全取代這種在專案裡累積出來的敏感度。工具會一直變,但真正有價值的還是你能不能把複雜的需求整理成一個客戶聽得懂、用得起來、維護得下去的網站。

AI 讓我重新思考設計這件事,也讓我更重視服務感

最近做這些專案的過程中,我也一直在重新想一件事,設計到底是什麼?以前在學校很常被問這題,常見答案通常是設計是解決問題。但如果用我現在做網站的角度來看,我會更傾向說,設計是設想與計畫

因為好不好看很多時候很主觀,有沒有先想清楚客戶需求、網站目標、內容安排,這些比較不是主觀問題,設想跟計畫就很重要。

AI 的出現反而讓我更確定,自己想做的不是那種只追求表面畫面的設計,而是能幫客戶把事情整體處理好的網站服務。這也是我最近官網改版時很在意的方向,讓客戶專心在本業,網站交給我處理。

對我來說網站設計本來就是一項高單價服務,既然客戶付了這筆錢,他買到的就不該只是一個可以看的網站,而應該是一套比較完整的合作體驗,包含規劃、製作、進度回報、交付整理,以及後續真的找得到人處理問題,這才是最容易建立信任的地方。

建立客戶專屬的雲端資料夾