先找設計師還是先找工程師——搞反了這個順序,很多人多花了一倍的錢

更新 發佈閱讀 5 分鐘
vocus|新世代的創作平台

有一種心情,我在很多剛要做網站的人身上看過。

準備要動了。有產品、有想法,腦子裡有一個很清楚的畫面:網站長什麼樣、顏色用什麼色調、首頁要放什麼。很興奮,也很確定。

於是,第一步:找設計師。

找來了,溝通了,設計師開始畫稿。幾週後,一份精美的視覺稿出現在螢幕上,那個感覺真的很好——我們的品牌,第一次有了樣子。

然後,把設計稿發給工程師,說:「麻煩你照這個做。」

然後,故事的走向開始不對。


工程師看著那份設計稿,沉默了一下

「這個動畫效果……要做,但會花很多時間。」


「這個結帳流程,跟我們原本打算用的金流 API 不太一樣,要另外串。」


「這個版面在手機上很難做,你看到的是桌機版的稿,手機版呢?」


一個問題接一個問題。

有些可以解決,但解決的代價是時間,時間的代價是錢。有些直接無解——設計稿裡某些效果的底層邏輯,跟我們選的技術框架根本不相容,要做就得換一套,換一套就代表從頭來過。

這不是工程師在找麻煩,也不是設計師做錯了什麼。

是因為這兩個角色,從來沒有在同一個房間裡對話過。


反過來也是問題

有人知道這個坑之後,決定換個順序:先找工程師,確認技術可行,再找設計師進來美化。

這個邏輯沒有問題,但實際上也會卡住。

工程師把功能架好了,頁面跑起來,能用、沒有 bug、邏輯清楚。但整個網站看起來像是一份還沒上色的線稿,缺乏讓人想停留的理由。

這時候設計師進來,才發現頁面的結構已經定型了,導覽列長在那個位置,區塊的排列有其技術上的邏輯,改動某個地方,工程師說「那個會動到後端的邏輯」。設計師只好在有限的空間裡做修改,最後做出來的東西,是一個折衷的結果,不是一個有完整視覺意圖的作品。

先找設計師,設計受限於技術現實。先找工程師,技術受限於設計介入太晚。

兩個順序,都有各自的代價。


問題不在順序,在沒有先把事情說清楚

這些年看下來,我發現真正的問題不是「誰先誰後」,而是在找任何人之前,我們沒有把一件事情想清楚:這個網站到底要解決什麼問題。

不是「我要一個電商網站」,這說的是形式。

而是:我們的客人從哪裡來、他們在網站上要做什麼決定、什麼是最關鍵的那個動作(是下單、是填表單、是聯絡我們?)、我們手上有多少預算、預計幾個月要上線。

把這些東西想清楚、寫下來,然後帶著這份說明去跟任何人談。設計師看了會知道要設計什麼,工程師看了會知道技術複雜度大概在哪,也才能給出比較準確的估算。

沒有這份東西,找誰都會走彎路。


那如果非得選一個先找的呢

如果真的要選,我的觀察是:大部分的情況,先跟工程師談一次,比較省事。

原因很直接:技術的限制是客觀的,設計的可能性是開放的。先了解技術上能做什麼、成本大概在哪個區間、有哪些現成的工具可以省力,然後帶著這些條件去跟設計師溝通,設計師才能在一個真實的範圍裡做出最好的選擇。

反過來,如果先有設計,再去找技術實作,很容易變成「被美好的圖紙綁架」——視覺稿做得越精美,越難接受「這個做不了」或「這個要貴很多」的現實。

但這不是說設計不重要。設計很重要,對第一印象、對轉換率的影響都很真實。

只是在那之前,我們需要先知道自己站在哪塊地基上。


AI 工具改變了一些事,但沒有改變這件事

2026 年,有很多 AI 工具可以幫我們快速生成設計稿、快速生成程式碼。有人覺得這代表「設計師和工程師的角色都不重要了」。

我不這樣認為。

AI 工具讓原型更快出現,讓初版可以用更低的成本驗證。但它沒辦法替我們想清楚「這個網站要解決什麼問題」。那個問題,還是要人來回答。

找錯順序的代價,其實是把最貴的資源——決策者的時間和信任——花在一個還沒想清楚的問題上。不管是設計師還是工程師,他們都是在幫我們把想法變成現實。但如果想法本身還是模糊的,不管誰先進來,都會撞牆。


所以,怎麼開始

一個很實際的建議:在找任何人之前,花一到兩個小時,把以下幾件事寫在一張紙上——

這個網站是給誰看的、他們會在哪裡找到我們、進來之後最重要的動作是什麼、我們有多少時間和預算、哪些功能是必要的,哪些是加分的。

不用寫得很完整,粗略就好。這一張紙,會讓後面所有的對話都更有效率。

然後,帶著這張紙,找一個願意先跟我們聊清楚的人,不管是設計師還是工程師。光是找到這種「願意先聽再動手」的人,本身就已經是一個重要的篩選。


順序從來不是重點,清楚才是。

(每次聽到「先找了設計師,結果工程師說做不了」,我都忍不住想:不是順序的問題,是中間那場對話從來沒有發生過。)
原文

留言
avatar-img
給老闆看的工程師手記
209會員
21內容數
我是一位擅長將需求轉成程式碼的全端工程師,做過 300K 用戶平台、電商金流、企業內部系統。這裡寫給老闆和創業者看——不談語法,只談系統怎麼幫你跑生意。
2026/04/13
很多人以為,網站上線的那一天是終點。 花了幾個月討論設計、改了又改的首頁文案、好不容易跑通了金流測試,然後按下「發布」的瞬間,心裡有一種說不出來的輕鬆。 終於做完了。 然後,什麼都沒有發生 一週過去,後台顯示「0 位訪客」。 我們以為是統計工具沒接好,重新確認一遍,沒問題,工具是正常的。
Thumbnail
2026/04/13
很多人以為,網站上線的那一天是終點。 花了幾個月討論設計、改了又改的首頁文案、好不容易跑通了金流測試,然後按下「發布」的瞬間,心裡有一種說不出來的輕鬆。 終於做完了。 然後,什麼都沒有發生 一週過去,後台顯示「0 位訪客」。 我們以為是統計工具沒接好,重新確認一遍,沒問題,工具是正常的。
Thumbnail
2026/04/12
有一個問題,幾乎每一個想做網站的人都會問 「我到底要用 WordPress、Shopify,還是直接找人幫我做一個?」 這個問題本身沒有錯。錯的是,很多人在還沒搞清楚自己「真正需要什麼」之前,就已經開始做決定了。 「我朋友說用 Shopify 就好了」 先從一個很常見的起點說起。 某個正
Thumbnail
2026/04/12
有一個問題,幾乎每一個想做網站的人都會問 「我到底要用 WordPress、Shopify,還是直接找人幫我做一個?」 這個問題本身沒有錯。錯的是,很多人在還沒搞清楚自己「真正需要什麼」之前,就已經開始做決定了。 「我朋友說用 Shopify 就好了」 先從一個很常見的起點說起。 某個正
Thumbnail
2026/04/10
在創業初期,我們最常問自己的一個問題就是:「有沒有更簡單的方法?」 這是一個很真實的場景:我們看著市面上那些精美的模板,每個月只要幾千塊台幣,就能擁有一個看起來非常專業的官網或電商平台。這時候,如果有人跳出來說要花幾十萬、甚至上百萬去「從零開發」一個系統,我們心裡難免會覺得:這不是在浪費錢嗎?
Thumbnail
2026/04/10
在創業初期,我們最常問自己的一個問題就是:「有沒有更簡單的方法?」 這是一個很真實的場景:我們看著市面上那些精美的模板,每個月只要幾千塊台幣,就能擁有一個看起來非常專業的官網或電商平台。這時候,如果有人跳出來說要花幾十萬、甚至上百萬去「從零開發」一個系統,我們心裡難免會覺得:這不是在浪費錢嗎?
Thumbnail
看更多
你可能也想看
Thumbnail
現在絕大多數消費者更傾向於透過搜尋引擎、社交媒體等渠道來獲取相關資訊。如果醫美品牌仍然停留在發傳單、投放電視或報紙廣告等傳統營銷手段,無疑會與目標客群的資訊接收渠道脫節,造成「投入大量營銷資源,卻難以收穫理想營銷效果」的局面。
Thumbnail
現在絕大多數消費者更傾向於透過搜尋引擎、社交媒體等渠道來獲取相關資訊。如果醫美品牌仍然停留在發傳單、投放電視或報紙廣告等傳統營銷手段,無疑會與目標客群的資訊接收渠道脫節,造成「投入大量營銷資源,卻難以收穫理想營銷效果」的局面。
Thumbnail
這篇文章探討了處理細節的困難,並提出透過用戶訪談來深入瞭解需求的策略。作者分享了利用 CLAUDE.AI 整理訪談結果、分析問題本質,並據此優化官網使用者體驗的實務經驗。文中提供了具體的 PROMPT 範例,以及 CLAUDE.AI 為「官心茶官網」提供的用戶體驗說明書連結。
Thumbnail
這篇文章探討了處理細節的困難,並提出透過用戶訪談來深入瞭解需求的策略。作者分享了利用 CLAUDE.AI 整理訪談結果、分析問題本質,並據此優化官網使用者體驗的實務經驗。文中提供了具體的 PROMPT 範例,以及 CLAUDE.AI 為「官心茶官網」提供的用戶體驗說明書連結。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
長期以來,西方美學以《維特魯威人》式的幾何比例定義「完美身體」,這種視覺標準無形中成為殖民擴張與種族分類的暴力工具。本文透過分析奈及利亞編舞家庫德斯.奧尼奎庫的舞作《轉轉生》,探討當代非洲舞蹈如何跳脫「標本式」的文化觀看。
Thumbnail
HTFX新官網充分體現 HTFX 的創新精神和以客戶為中心的品牌理念,將為您提供更直覺的介面和更流暢的導航體驗。 ⭐介面質感提升:體驗更為尊貴、大氣的設計風格,導航更加順暢,介面更加直觀,資訊獲取更加便利! ⭐新增優惠與活動區:用戶可直接在首頁取得HTFX多元的促銷活動資訊如入金贈金返現活動;積
Thumbnail
HTFX新官網充分體現 HTFX 的創新精神和以客戶為中心的品牌理念,將為您提供更直覺的介面和更流暢的導航體驗。 ⭐介面質感提升:體驗更為尊貴、大氣的設計風格,導航更加順暢,介面更加直觀,資訊獲取更加便利! ⭐新增優惠與活動區:用戶可直接在首頁取得HTFX多元的促銷活動資訊如入金贈金返現活動;積
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
本文深度解析賽勒布倫尼科夫的舞臺作品《傳奇:帕拉贊諾夫的十段殘篇》,如何以十段殘篇,結合帕拉贊諾夫的電影美學、象徵意象與當代政治流亡抗爭,探討藝術在儀式消失的現代社會如何承接意義,並展現不羈的自由靈魂。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
若說易卜生的《玩偶之家》為 19 世紀的女性,開啟了一扇離家的窄門,那麼《海妲.蓋柏樂》展現的便是門後的窒息世界。本篇文章由劇場演員 Amily 執筆,同為熟稔文本的演員,亦是深刻體察制度縫隙的當代女性,此文所看見的不僅僅是崩壞前夕的最後發聲,更是女人被迫置於冷酷的制度之下,步步陷入無以言說的困境。
Thumbnail
香港政府科技券可以幫助公司支付網頁設計費用。為了吸引潛在客戶和提高網站排名,關鍵字很重要。推薦的英文關鍵字有:web design, website template, custom web design, CMS, UI, UX.
Thumbnail
香港政府科技券可以幫助公司支付網頁設計費用。為了吸引潛在客戶和提高網站排名,關鍵字很重要。推薦的英文關鍵字有:web design, website template, custom web design, CMS, UI, UX.
Thumbnail
緣起 上週,有天早上,一個朋友打電話找我求助,說要去客戶公司那裡講產品方案,客戶說想先看看他們公司網站,但是之前出於各種原因吧,他們一直沒有把公司網站做出來,客戶說你們怎麼連個網站都沒有,沒有網站那就不要來了。 。 。這下就有點尷尬了,沒辦法,誰讓客戶是爸爸呢? 朋友發了一個他們行業裡競爭對手的網站
Thumbnail
緣起 上週,有天早上,一個朋友打電話找我求助,說要去客戶公司那裡講產品方案,客戶說想先看看他們公司網站,但是之前出於各種原因吧,他們一直沒有把公司網站做出來,客戶說你們怎麼連個網站都沒有,沒有網站那就不要來了。 。 。這下就有點尷尬了,沒辦法,誰讓客戶是爸爸呢? 朋友發了一個他們行業裡競爭對手的網站
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
全新版本的《三便士歌劇》如何不落入「復刻經典」的巢臼,反而利用華麗的秀場視覺,引導觀眾在晚期資本主義的消費愉悅之中,而能驚覺「批判」本身亦可能被收編——而當絞繩升起,這場關於如何生存的黑色遊戲,又將帶領新時代的我們走向何種後現代的自我解構?
Thumbnail
曾任 Azure Core 工程師的文章在 Hacker News 引發熱議,揭露微軟內部「商業決策」如何犧牲「工程價值」,導致雲端平臺穩定性與使用者信任受損。文章探討了工程紀律與商業現實的衝突,並為臺灣企業提供瞭如何評估雲端供應商工程文化、建立備案的重要啟示,強調不應假設平臺永遠正常。
Thumbnail
曾任 Azure Core 工程師的文章在 Hacker News 引發熱議,揭露微軟內部「商業決策」如何犧牲「工程價值」,導致雲端平臺穩定性與使用者信任受損。文章探討了工程紀律與商業現實的衝突,並為臺灣企業提供瞭如何評估雲端供應商工程文化、建立備案的重要啟示,強調不應假設平臺永遠正常。
Thumbnail
C一樣都是提供 數據服務 雲端服務 AI服務 資安服務 的公司, 該如何提升自家的競爭力, 使優質的客戶會主動找我們服務? 幸福課程 幸福教練黃老師 潮資訊媒體 社群編輯 要提升公司 在提供數據服務、雲端服務、 AI服務和資安服務方面的競爭力, 妳可以考慮以下策略:
Thumbnail
C一樣都是提供 數據服務 雲端服務 AI服務 資安服務 的公司, 該如何提升自家的競爭力, 使優質的客戶會主動找我們服務? 幸福課程 幸福教練黃老師 潮資訊媒體 社群編輯 要提升公司 在提供數據服務、雲端服務、 AI服務和資安服務方面的競爭力, 妳可以考慮以下策略:
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News