我後悔花 4.6 萬美元改版網站
原文由 Michael Lynch 于 發布,訂閱此部落格
兩年前,我為自己的事業做了一個網站。靠著糟糕的設計能力加上一個還算好看的範本,拼湊出一個看起來還可以的網站。當時我告訴自己,如果生意真的做起來,就請真正的設計師來把它弄得專業一點。

TinyPilot 網站,改版前
一年後,生意每個月已經有 4.5 萬美元的營收,但我的網站看起來還是像大學生的課餘作品。是時候兌現當初答應自己的專業改版了。
我真正在乎的只有三個頁面,所以我以為改版會很單純。頂多花個幾個月、一萬五千美元左右。
改版後的網站長這樣:

TinyPilot 網站,改版後
但結果完全不是花幾個月、一萬五千美元就搞定。而是花了八個月、四萬六千美元,還帶來一大堆頭痛。
現在專案終於結束了,我想回頭檢視自己到底犯了哪些錯,才讓這個專案徹底失控。
我知道你在想什麼
如果你聽到有人花四萬六千美元只改了三個網頁,你大概會覺得這個人是個冤大頭,根本不懂軟體也不會找人。
但我又不是第一次做這種事!我是軟體開發者,也雇過幾十個接案者,包括開發者、插畫家、寫手和編輯。
我在這個專案中確實犯了錯,但希望這些錯誤會比你想像的更有意思一點。
最初的預估:四週、七千美元
我不是想抨擊這家公司,所以就稱他們為 DesignAgency 吧。他們位於美國,是我在 Hacker News 每月接案串上找到的。
DesignAgency 的報價是我面談過的對象中最高的,但他們的作品集最符合我想要的風格。他們內部人才涵蓋很廣,包括設計、客製化插圖和 3D 視覺。
在最初的通話中,DesignAgency 的執行長 Isaac 反而建議我縮小專案範圍,這點讓我對他產生了信任。即使那代表他會少賺一點,Isaac 還是提議先做品牌重塑,而不是全面改版。DesignAgency 會先處理一些基礎,像是新的 logo、配色和字型。
品牌重塑完成後,我可以衡量成效,再決定是否值得繼續做全面改版。就算不繼續,新的品牌基礎也能讓我之後跟數位行銷公司合作時,更好展開行銷活動。
這聽起來很聰明!
DesignAgency 預估品牌重塑需要 30 到 40 個計費時數,耗時兩到四週。他們的時薪是 175 美元,所以一個新 logo 加上品牌設計大概要五千到七千美元。這只有我預算的一半,當然馬上就答應了。
Isaac 事先提醒我,我的案子比他們其他客戶小很多。他們大部分客戶都是簽昂貴的長期包月合約。我的專案範圍很小,所以可以用時薪計費,但也有可能在長期客戶需要更多時間時,他們得暫停我的案子。
如果他們忙起來要暫停個一兩週,我完全不介意。我本來就預期專案要花兩、三個月,多個幾週根本不算什麼。
蜜月期
專案的第一個月非常順利。
DesignAgency 每兩週就會邀我開一次會,與會的有他們的首席設計師、資深設計師、專案經理和 Isaac。他們會拿新的 logo 和品牌樣稿給我看,我則提供回饋。每一輪下來,我們就更接近定案。
六週內,我們就收斂到一個大家都喜歡的概念。




從舊到新,DesignAgency 在專案最初幾週向我展示的 TinyPilot logo 草稿演進過程。
第一個警訊:範圍蔓延
在最初幾次會議中,DesignAgency 拿了套用不同配色的網站模擬圖給我看。

一開始,設計公司只是展示不同配色套用在基本網站設計上的樣子。
隨著專案進行,模擬圖變得越來越精緻。DesignAgency 開始展示為網站設計的客製化圖片和圖示。

設計公司對品牌重塑的興趣越來越低,開始把重心放在整體網站設計上。
我們從來沒談過要做客製化插圖,但看起來工作量不大,我就沒多追究。
幾週後,DesignAgency 召開會議要分享進度,但他們在 logo 或品牌上完全沒有進展。整場會議都在展示網站的設計構想。
「先確認一下,這個專案還是只做品牌重塑,不是全面改版,對吧?」我問道。
「喔,對,對!」首席設計師連忙向我保證,「有些品牌選擇放在舊設計上不合理,所以這些只是快速畫一下,讓你看看實際套用會長怎樣。」
快把 logo 做完就好!
到了十二月,專案已經進行了三個月。DesignAgency 的 TinyPilot 新 logo 已經完成了九成五。我只想改一下邊角的圓角、把邊框拿掉。我以為這大概只要花個幾小時。
我急著想把 logo 定案,因為那會是這個專案第一個真正完成的成果。一旦完成,我就可以把它放到網站上、整合進產品的網頁介面,還能印在裝置的外殼上。
我需要的只是再花幾個小時收尾。但我就是等不到。

一旦 DesignAgency 交付最終成果,我可以放置新 TinyPilot logo 的所有位置。
相反地,DesignAgency 一直在重新設計網站。他們的首席設計師沒空處理 logo,卻一直問我覺得首頁這個新設計點子怎麼樣。
壓垮駱駝的最後一根稻草,是 DesignAgency 開始拿部落格的新設計給我看。從一開始我就說過,我只在乎三個頁面:首頁、產品頁和購物車頁。其他所有頁面都明確列為不在範圍內。

節錄自專案規格書,明確將部落格列為不在範圍內。
我向 DesignAgency 指出這點後,Isaac 有點尷尬地打電話來。他承認設計師們已經不只是隨手畫畫而已。他們對這個專案太投入、一時得意忘形,但他會把花在重新設計部落格上的時數扣除。
長達兩個月的假期停擺
十二月中,我發現 DesignAgency 在任何事情上都停滯不前了。
他們不再安排會議跟我檢視成果,我留在設計稿上的留言也被晾了好幾個星期沒人理。
我把它歸因於假期。十二月本來就很多人休假,所以我想新的一年應該就會恢復正常。
新的一年開始了,進度不僅還是很慢,作品品質也下滑了。專案初期那種輕鬆、清晰的溝通不見了。現在連一個關於背景顏色的細微意見,都要來回三次才講得通。
「我真的不知道什麼時候才有空」
二月初,我寫信問 Isaac 到底怎麼回事。他打來道歉,承認 DesignAgency 內部問題影響了我的專案。他們的專案經理在十一月離職,Isaac 一邊自己硬撐著代理,一邊急著找接替人選。
Isaac 證實品質下滑不是我的錯覺。DesignAgency 被大客戶的工作塞爆了。設計師們只是在有空檔時硬擠出時間做我的案子,自然不像一開始那麼專注。
我能理解對他們來說 TinyPilot 是小客戶。我願意多等幾週,等他們手邊其他工作緩下來,但我希望剩下的 10 到 20 小時是像十月那種高品質的時數,而不是十二月和一月那種匆忙、想到才做的時數。
「我們一定會把你的專案做完,」Isaac 說,「只是我真的不知道什麼時候才有空。」我問他接下來兩個月內有沒有辦法排出時間,他說不確定。
不過,Isaac 倒是想到一個可以加速專案的辦法。
解決辦法就是付更多錢
Isaac 說,真正的問題在於我是他們唯一的時薪客戶。只要是時薪制,我永遠會被長期包月的客戶插隊。那麼,如果我簽一份包月合約來確保 DesignAgency 的時間呢?他們的包月方案是每月至少 40 小時,每小時 160 美元。
我覺得自己被耍、被操弄了。DesignAgency 把工作安排成每件事都做了八成,卻沒有一樣能用。如果我把這些半成品拿給別的廠商,會有大量的重工。而現在,他們竟把最後的兩成交給我當人質,要我簽下昂貴的包月合約才肯做完?

我盡可能委婉地告訴 Isaac,我覺得這個局面是 DesignAgency 造成的。如果包月合約對大家都比較好,為什麼幾個月前不提?專案早就該做完了。
Isaac 承認這樣的情況對我不公平。他承諾會追溯調整我十二月和一月的帳單,改以包月費率計算並退還差額。而且這個提議並不以我簽下包月合約為條件。
但一個月 40 小時要做什麼?整個專案只剩下 20 小時的工作量。
Isaac 提議由 DesignAgency 一併接手開發工作。DesignAgency 的收費比 TinyPilot 內部的開發者高,但 Isaac 預期整體成本反而會降低。TinyPilot 的開發者擅長 Python 和 JavaScript 這類程式語言,而 DesignAgency 的開發者對這種重設計的 CSS 工作更有經驗。
我簽了包月合約。我那 60 小時高品質的包月時數預定從三月開始。
開發開始了……結果是在修小 bug?
包月合約一開始還不錯。第一週內,DesignAgency 幾乎把所有未完成的設計工作都收尾了。雖然還有一些小地方要調整,但三個頁面中已經有兩個可以交給開發人員了。
然後,就音訊全無了。
整整兩週,開發團隊完全沒有動靜。我問 Isaac 怎麼回事,他解釋說 DesignAgency 的排程很彈性,不一定每週都會處理我的專案。他向我保證,月底前一定會把我預訂的剩下 48 小時用完。
月底時,DesignAgency 完全沒有讓網站更接近新設計。相反地,他們在月末最後幾天拿去修了我問題追蹤系統裡的一些小 bug。

DesignAgency 的其中一位開發者用了當月 60 小時中的 15 小時,去修排在工作清單最後面的那些小 bug。
你可能會問,DesignAgency 怎麼會跑去做這些無關緊要的小 bug?是這樣的,DesignAgency 要我為每個改版任務在 GitHub 上開票。他們提醒我,未使用的時數既不退費也不遞延,所以鼓勵我多排一些改版以外的工作,把時數填滿。
我沒料到的是 DesignAgency 分配票單的方式。我以為會是開發者 A 負責 X 頁面,開發者 B 負責 Y 頁面。結果 DesignAgency 把所有跟設計相關的票都丟給開發者 A,剩下的全丟給開發者 B。就這樣,三月份四分之一的開發預算就花在修小 bug 上了。
原本一週的工作,花了五週
到了四月,又出現了新問題。
TinyPilot 網站使用 Bootstrap CSS 框架,而且從我最初上線以來就一直沿用同一個 Bootstrap 主題。
DesignAgency 指出,把全新設計疊在一個完全不同的主題上會很混亂。他們提議把舊主題和我們東拼西湊的 CSS 換掉,改為客製化的 TinyPilot Bootstrap 主題。他們的開發者估計只要幾天就能完成替換,而且會加速後續的專案進度。
好吧,聽起來沒問題。
幾天拖成了幾週,關於新主題卻完全沒有更新。是工作比預期耗時?還是又要重演三月的戲碼,把所有事都擠到月底最後幾天才做?
下個月的帳單給了我答案。那個「一週」就能完成的替換 Bootstrap 主題工作,最後花了五週、38 個計費時數,總共 6,100 美元。


花了五週、6,100 美元的網頁開發,前後對比
最後一個月
到了五月,這個本來應該是四週、七千美元的品牌重塑,已經拖了七個月、花了四萬六千美元。每個月看起來都離終點只剩幾週,但總會冒出什麼事,讓 DesignAgency 沒辦法完成任何我在乎的東西。
是時候喊停了。我按照合約要求,提前 28 天通知 DesignAgency 終止合作。
DesignAgency 要求每個月預先付款,所以最後一個月的錢他們早就收了。而我現在又把他們開除了,他們還有什麼動機要把工作做完?
出乎意料的是,終止合約後的開發反而前所未有地順暢。專案終於以我一開始期待的速度進行。DesignAgency 在 7 到 10 天內就把每個頁面都刻出來了。
還是有一些問題,但這次我有準備了。DesignAgency 不斷提議為設計加上新的裝飾,我全部婉拒,要他們專注在我已經核准的設計上。還好我這麼做了,不然他們大概到今天都還在弄這個網站。
到了月底最後一天,最後一個頁面還是沒做完,DesignAgency 也沒有跟我溝通要如何收尾交接。
6 月 1 日,也就是合約正式結束的隔天,他們的開發者告訴我,Isaac 已經授權他免費把剩下的工作做完。他在兩天內就把最後一個頁面收尾了。
然後,終於結束了!這個專案早就遠遠超出我最初想要的範圍,變成一個無止盡的時間與金錢黑洞。能把它拋在身後,我感到無比輕鬆。
改版前後對比
以下是改版後網站的樣子:


首頁改版前後對比


產品頁改版前後對比


購物車頁面改版前後對比
事後檢討
專案結束後,我邀請 Isaac 通話,討論我們各自可以怎麼做來改善專案成果。我也說明我正在寫一篇部落格文章,分享這次合作的心得。
Isaac 很坦白地說,這個專案沒有像他期望的那麼順利。他認為根本問題在於 DesignAgency 很難把他們的工作流程縮小到符合 TinyPilot 的預算。他們典型的客戶每月包月費用是兩萬到四萬美元。TinyPilot 每個月只買 40 到 60 小時,這種規模他們通常只用來做維護,而不是新開發。
我告訴 Isaac,我希望當初能把工作結構安排成更早交付可用的成果。我會希望先拿到 logo,再來是新的導覽列設計,然後是首頁設計,依此類推。他說 DesignAgency 的客戶通常只在乎最終成果,而不是中間的半成品,但他能理解為什麼分階段交付對我會更有幫助。
我也提到我很驚訝 DesignAgency 幾乎沒有在做專案管理。我原以為他們的專案經理會定期回報進度、掌握時程,但根本沒人做這件事。Isaac 說這是他的失誤。DesignAgency 試圖把專案管理控制在計費時數的 5% 以內。以我的規模來說,5% 根本少到無法產生實質效益,所以他乾脆完全取消了專案管理。他承認,回頭看,他應該把我也納入那個決策過程,確認那是不是我想要的。
由於 DesignAgency 很少回報時數,工作排程又不固定,我永遠無法判斷哪個任務已經超出預期膨脹。我很後悔沒有更早提出這個問題,因為後來才發現我只要開口問就行了。DesignAgency 是用 toggl 來追蹤計費時數,Isaac 其實很樂意讓我存取他們的儀表板。
如果重來,我會怎麼做
如果重來一次,以下是我會採取的不同做法,依重要性排序。
改找個人接案者,而不是找代理商
我不想因為這一次經驗就一概而論所有代理商,但我認為對我這種規模的事業來說,找個人接案者會更合適。
很多問題都出在管理、資源分配和溝通上。我嚴重低估了跟一個團隊合作比起跟單一接案者合作,這些問題會困難多少。
這家代理商每月為我工作 40 到 60 小時,跟 TinyPilot 其他接案開發者一樣。我以為管理一家代理商跟管理一位接案者需要的監督差不多,但即使總時數同樣只有每月 40 小時,專案上人多了,就需要更多管理。
採用循序、漸進式交付的結構
一開始,讓代理商盡可能平行作業似乎是理所當然的選擇。這樣他們能有效運用資源,我也能用更低的成本更快拿到成果。
但換個角度想:如果一個專案有八項任務,每項大約要花一個月,你會比較想要哪一種?
- 每個月完成一項任務,持續八個月
- 前七個月什麼都沒有,第八個月底一次全部交付
一次做一項對你的錢來說更有價值。第一個月結束時,你就有一個能為事業帶來七個月價值的成果。第二個月又多一個,依此類推。
把所有事都平行處理也會讓你在談判上居於弱勢。如果代理商手上有八項都只做了八成的工作,你要縮小範圍或換廠商都會很昂貴。但如果你一次只讓代理商做兩、三項,就算專案出問題,也只有那幾項會受到影響。
最後,同時監督八個子專案也更耗心神。每個未完成的工作都會佔據你的腦容量。與其讓所有事拖完整個專案,不如分批逐一完成。
縮小專案範圍
在設計階段,我放任代理商在網站改版上做得太超過,而他們本來應該只專注在 logo、配色和字型上。
在實作階段,我應該更強硬地阻止他們在新設計還沒上線前就跑去修那些小 bug。
事先談好時程
在我跟 DesignAgency 團隊的第一次會議上,我問他們預期我的專案要花多久。「一條繩子有多長?」他們的首席設計師這樣反問。
他解釋說,這取決於我。我可能會很喜歡他們的第一個提案,也可能會連續幾週全部打槍。這說法很合理,所以我沒有再追問更精確的時程。
我卻錯誤地把這種寬鬆的態度也帶進了開發階段。我應該要求開發者對每項任務提供預估,並在工作量遠超預期時重新檢視範圍。這樣就能避免像那個為期五週的重構任務那種情況,那本來應該只要幾天就好。
要求共享計費時數的即時檢視
許多範圍膨脹的問題,都源於 DesignAgency 回報機制的緩慢回饋週期。
DesignAgency 的流程是每月回報兩次時數。15 號時,他們只會分享已使用的總時數,不會說明是哪些任務貢獻的。月底時才會寄出依任務細分的明細。


DesignAgency 在每月 15 號只回報總時數,月底才提供詳細的分項明細。
相比之下,TinyPilot 內部的開發者每次工作結束就會回報時數,所以我更能掌握進度。如果一個預估 10 小時的工作看起來會變成 25 小時,我們就會重新評估是否要刪減或縮小該任務。

TinyPilot 的內部開發者會即時回報工時。
如果未來再跟設計代理商合作,我會堅持使用能即時共享計費時數的工具,就像我跟 TinyPilot 固定合作的開發者使用的方式一樣。
避免成為廠商最小的客戶
專案開始時,DesignAgency 告訴我,他們大多數客戶都比我大,但他們想幫助我成長。這聽起來很划算——即使預算有限,我也能享受到通常只有大公司才有的服務。

我記憶中與 DesignAgency 的初次對話。
實際上,我並沒有得到跟他們大客戶一樣的服務。當我是時薪客戶時,DesignAgency 不斷把包月客戶排在我前面。當我升級為包月客戶後,他們又難以在我的預算內有效率地工作。
為什麼你不乾脆……?
我在每月回顧中分享過這個故事的片段,也收到不少人問我為什麼不用某個簡單、顯而易見的方法解決問題。我想這些回饋都是出於好意,但我懷疑大多來自紙上談兵的專家,以及那些只曾以強勢大客戶身分跟代理商合作過的人。
以下,我來解釋為什麼那些看似理所當然的建議其實行不通。
為什麼不乾脆等他們做完再付錢?
DesignAgency 要求預付款。以時薪合約來說,我得一次買 30 小時的時數。包月合約則要每月 1 號前付清當月費用。我根本沒有財務上的籌碼可以逼他們完成專案。
如果我一開始就堅持要按里程碑付款,DesignAgency 很可能就不會接這個案子了。他們把我看作一個有成長潛力的小客戶,但沒有人會想跟一個要求跟大企業一樣多的小客戶合作。
為什麼不乾脆找個時薪 4 美元的便宜開發者來做?
依我的經驗,便宜的開發者只有在以下情況才值得:
- 你只需要用一次就丟的程式碼
- 你把自己的時間當作零成本,所以不介意為了接案者一小時的工作成果,花兩小時給回饋
我打算讓 TinyPilot 網站長期營運,所以我需要的是我能夠安心維護的程式碼。為此,我需要一位能寫出清晰程式碼的稱職開發者。
為什麼不乾脆開除他們、找更厲害的人?
開除 DesignAgency 再去找替代人選,會耗掉 30 到 60 小時的管理時間。而且也沒有保證能找到更好的人。
在專案的大部分時間裡,我手上都是一堆只做一半的工作。要把這些半成品轉交給新廠商、讓對方上手,成本幾乎跟砍掉重練一樣高。
為什麼不乾脆用 Shopify 範本?
如果能回到當初剛做網站的時候,我會直接做一個套用客製化主題的簡單 Shopify 商店。
當初上線時,我需要的只是一個簡單的「購買」按鈕,不想為了這個就綁死在 Shopify 上,還得去學他們的範本系統。所以我用自己熟悉的前端框架手刻了網站。
隨著時間推移,TinyPilot 的購買流程變得越來越複雜。我最後反而花大錢重新實作了許多功能,如果當初用 Shopify 範本,這些功能本來就是免費內建的。但到了這個階段,要把所有網站內容遷移到 Shopify 本身就是一個大工程,所以我還是選擇在現有基礎上改版。
結論
我真心相信 DesignAgency 在這個專案中已經盡力了。我不覺得他們有意要欺騙我或壓榨我的錢。只是我們不適合。我習慣跟個人接案者合作,而 DesignAgency 習慣服務更大的客戶。
如果要重來一次,我不會這麼做。但儘管過程中有這麼多失誤和壓力,最後的成果或許能彌補這些痛苦。我原本預期新網站能讓銷售成長 10% 到 20%,結果卻接近 40%。七月時,TinyPilot 網站創下 72,500 美元銷售額的歷史新高,比改版前高出 66%。
現在下定論還太早,但我對這筆付給 DesignAgency 的四萬六千美元能帶來正向報酬,持樂觀態度。

過去一年透過 TinyPilot 網站的銷售額
狗屋插圖由 Loraine Yow 繪製。
感謝 Blogging for Devs Community 的成員為本文提供早期回饋。
隨機一篇部落格
留言
登入後參與討論