兩年前，我為我的事業(yè)建立了一個網(wǎng)站。基于我糟糕的設(shè)計技術(shù)和體面的模板，我創(chuàng)建了一個看起來不錯的網(wǎng)站。

我告訴自己，如果業(yè)務(wù)做成功了，我就雇一個真正的設(shè)計師，讓網(wǎng)站看起來更專業(yè)。

改版之前的TinyPilot網(wǎng)站

一年后，我的業(yè)務(wù)每月能為我?guī)?4.5 萬美元（約合 30.5 萬元人民幣）的收入，但我的網(wǎng)站看起來仍然像是一個大學生的業(yè)余項目，我想是時候進行改版了。

我只關(guān)心三個頁面，所以我認為改版應該很簡單，花個 1.5 萬美元和幾個月時間足夠了。

下面是網(wǎng)站改版后的樣子。

但實際上這花了不止 1.5 萬美元，而是 4.6 萬美元（約合 31.2 萬元人民幣），而且前前后后共花了 8 個月的時間，并且還有很多麻煩事。

如果你聽說有人花了 4.6 萬美元重新設(shè)計了一個網(wǎng)站的三個頁面，你可能會認為他們是既不懂軟件也不懂招聘的土人。

但事實不是這樣的！我是一名軟件開發(fā)人員，我雇傭過幾十名自由職業(yè)者，包括開發(fā)人員、美工、寫手和編輯。

我確實在這個項目上犯了錯誤。現(xiàn)在，這個項目已經(jīng)結(jié)束了，我開始回顧自己犯過的錯誤，總結(jié)下是什么讓這個項目變得如此失控。希望這個故事能夠讓你們覺得有趣。

一切是如何發(fā)生的？

我不想在這里痛斥這個機構(gòu)，所以我就叫他們 WebAgency 吧。他們的總部設(shè)在美國，我是通過 Hacker News 的每月自由職業(yè)者推介帖找到他們的。

WebAgency 報價最高，但他們的作品與我想要的風格很匹配。他們內(nèi)部有各方面的人才，包括設(shè)計、定制插圖和 3D 成像。

WebAgency 的首席執(zhí)行官 Isaac 在我們初次通話時建議我縮小項目范圍，因此贏得了我的信任。盡管這對他來說意味著報酬更少，但他還是建議重新設(shè)計品牌，而不是進行全面的網(wǎng)站改版。WebAgency 將負責一些基礎(chǔ)的東西，如新 Logo、配色方案和字體。

在重新設(shè)計了品牌后，我就可以知道是否值得繼續(xù)改版整個網(wǎng)站。如果不出意外，重新設(shè)計品牌將為我與數(shù)字營銷機構(gòu)開展營銷活動奠定堅實的基礎(chǔ)。

這看起來似乎很不錯！

WebAgency 估計，重新設(shè)計品牌需要在兩到四周內(nèi)花費 30 到 40 個小時。他們每小時收費 175 美元，所以我們需要花 5 到 7 千美元換一個新的品牌。這只占了我原先預算的一半，所以很容易就接受了。

Isaac 提醒我說，我是他們的一個小客戶，他們的大多數(shù)客戶都簽訂了高費用的長期合同。我的項目很小，可以按小時來計費，但如果其他客戶需要更多的時間，他們可能不得不偶爾暫停我的項目。

如果確實很忙，我不介意他們把我的項目暫停一兩個星期。我最初預計這個項目需要兩到三個月，所以延遲幾周并不是個問題。

項目的第一個月進行得很順利。

WebAgency 每兩周邀請我參加他們的會議一次，參會的有他們的首席設(shè)計師、一位高級設(shè)計師、一位項目經(jīng)理和 Isaac。他們向我展示他們新設(shè)計的 Logo 草圖，我給他們提供反饋。

到了第六周，我們就把范圍縮小到一個大家都喜歡的設(shè)計上。

WebAgency在項目的前幾周向我展示的TinyPilot的Logo草圖，從最舊的到最新的

第一個危險信號：項目范圍擴大

在最初的幾次會議中，WebAgency 向我展示了幾種不同的配色方案。

隨著項目的進展，模擬頁面變得更加精細。WebAgency 開始向我展示網(wǎng)站的自定義圖片和圖標。

這家設(shè)計機構(gòu)開始對重新設(shè)計品牌不那么感興趣，而是把注意力轉(zhuǎn)向了整體網(wǎng)站設(shè)計

我們從未討論過插圖設(shè)計的事情，但看起來只是一小撮工作量，所以我也就沒有太在意。

幾周后，WebAgency 又開了一次會議來分享更新，但這次在重新設(shè)計品牌方面沒有任何進展。相反，他們整個會議都在向我展示網(wǎng)站的設(shè)計想法。

我問：“需要明確的是，這個項目的重點仍然是重新設(shè)計品牌，而不是重新設(shè)計網(wǎng)站，對嗎？”

“是的！”首席設(shè)計師安慰我說?！坝行┢放圃O(shè)計方面的東西在舊的設(shè)計基礎(chǔ)上看起來沒有什么意義，這些只是用于快速對比效果的草圖?！?/p>

第二個危險信號：一拖再拖的 Logo

到了 12 月份，這個項目已經(jīng)過去了三個月。WebAgency 設(shè)計的 TinyPilot 新 Logo 完成了 95%。我想要的只是改下圓角和消除邊框，我認為這幾個小時就可以搞定。

我希望盡快把 Logo 定下來，這是 WebAgency 能給我的第一個完整的交付設(shè)計。然后，我就可以把它發(fā)布在網(wǎng)站上，集成到產(chǎn)品的網(wǎng)頁中，并打印在設(shè)備的外殼上。

我想這應該只需要幾個小時，但我并沒有拿到我想要的東西。

相反，WebAgency 一直在重新設(shè)計網(wǎng)站。他們的首席設(shè)計師說沒有時間設(shè)計 Logo，但對于這個登陸頁的設(shè)計想法，我又該作何感想？

當 WebAgency 向我展示網(wǎng)站博客的設(shè)計時，我開始坐不住了。從一開始，我就說過我只關(guān)心三個頁面：登陸頁、產(chǎn)品頁和購物車。其他的頁面都不在這個項目范圍內(nèi)。

我向 WebAgency 指出來這個問題，Isaac 尷尬地打電話給我，他承認設(shè)計師們做得有點過頭了，因為這個項目讓他們感到太興奮了。他打算把花在重新設(shè)計博客上的時間排除掉。

第三個危險信號：放慢的溝通節(jié)奏與工作質(zhì)量

12 月中旬，我注意到 WebAgency 沒有帶來任何進展。他們不再安排電話會議，我的反饋被置之不理了好幾個星期。我想起來現(xiàn)在是假期，很多人在 12 月份都去度假了，所以我認為情況在新的一年應該會有所好轉(zhuǎn)。

新的一年開始了，不僅節(jié)奏慢了下來，工作質(zhì)量也下降了。項目開始時的那種輕松且清晰的交流不復存在了?，F(xiàn)在，一個小小的背景色調(diào)整就需要反反復復三次。

二月初，我給 Isaac 發(fā)了封郵件，問他發(fā)生了什么事。他通過電話為項目的進展情況道歉，承認 WebAgency 的內(nèi)部問題影響了我的項目。去年 11 月，他們的項目經(jīng)理辭職了，Isaac 一邊忙著臨時接手這個職位的工作，一邊尋找接替者。

Isaac 承認了質(zhì)量下降的問題。WebAgency 因為大客戶的需求超負荷運轉(zhuǎn)，當他們的設(shè)計師有空閑時間時會分一點時間給我，但可能不會像剛開始時那樣專注。

我知道 TinyPilot 對他們來說是一個小客戶。我愿意等上幾周，直到他們閑下來，但我希望剩下的 10 到 20 個小時是高質(zhì)量的，而不是我在 12 月份和 1 月份期間遇到的那些煩人的隨機出現(xiàn)的時間。

Isaac 說：“我們一定會完成你的項目，我只是不知道我們什么時候會有時間?！蔽覇査麄兘酉聛淼膬蓚€月是否有時間，他表示不確定。

不過，Isaac 給了一個加快項目進度的建議——前提是我要掏更多的錢。

簽署雇傭協(xié)議

Isaac 說，問題的關(guān)鍵在于我是他們唯一按小時計費的客戶。我總是受長期客戶的“排擠”。簽一份雇傭協(xié)議來保證 WebAgency 在我的項目上分配時間，如何？他們的預付費用為每月 40 小時，每小時 160 美元。

我覺得自己被欺騙了。WebAgency 所做的工作都完成了 80%，但沒有一個是可用的。如果我把任務(wù)交給另一個供應商，需要做大量的返工?，F(xiàn)在，他們挾持了剩下 20%的工作量，等著我簽一份昂貴的雇傭協(xié)議？

我盡可能委婉地告訴 Isaac，問題出在 WebAgency 這邊。如果雇傭協(xié)議對雙方都好，為什么不在幾個月前就提出來？如果當時提出來，項目到現(xiàn)在應該已經(jīng)完成了。

Isaac 承認這對我不公平。他承諾會把我 12 月份和 1 月份的賬單當作雇傭協(xié)議的一部分，并退還差額。

但每個月 40 個小時用來做什么呢？畢竟項目只剩下 20 個小時的工作量了。

Isaac 建議將開發(fā)工作也交給 WebAgency。WebAgency 的收費比 TinyPilot 內(nèi)部開發(fā)人員要高，但 Isaac 預計會降低整體成本。TinyPilot 的開發(fā)人員主要擅長 Python 和 JavaScript 等編程語言，而 WebAgency 的開發(fā)者則擁有更豐富的 CSS 設(shè)計經(jīng)驗。

我簽了雇傭協(xié)議，合同中規(guī)定的高質(zhì)量的 60 個小時計劃從 3 月份開始。

15 個小時修復 Bug

雇傭協(xié)議在開始時履行得還不錯。WebAgency 在第一周就完成了幾乎所有出色的設(shè)計任務(wù)。雖然還有一些細微的問題需要解決，但三個頁面中的兩個已經(jīng)準備好交給開發(fā)人員了。

然后，又沒聲音了。

有兩周的時間，開發(fā)團隊沒有任何活動。我問 Isaac 這是怎么回事，他解釋說 WebAgency 的時間表是流動的，不一定每周都會做我的項目。他向我保證，到月底，他們肯定會用完這個月剩下的 48 小時。

到了月底，WebAgency 并沒有讓我的網(wǎng)站煥然一新。相反，他們在這個月的最后幾天修復了問題列表中的一些小 Bug。

WebAgency的一個開發(fā)人員用了這個月60個小時中的15個小時來修復問題隊列中的小Bug

你可能會問，是什么促使 WebAgency 一定要去處理這些無關(guān)緊要的 Bug？WebAgency 要求我為每個設(shè)計任務(wù)創(chuàng)建 Github Ticket。WebAgency 告訴我說，對于未使用的時間，他們不會退款，也不會延長時間，所以他們鼓勵我用重新設(shè)計工作之外的任務(wù)超額預定時間表。

我不知道 WebAgency 是如何在他們的開發(fā)人員之間分配 Ticket 的。我原以為開發(fā)者 A 負責頁面 X，開發(fā)者 B 負責頁面 Y。但實際上，WebAgency 將所有與設(shè)計相關(guān)的 Ticket 分配給了開發(fā)者 A，將剩下的留給了開發(fā)者 B。這就是為什么 3 月份開發(fā)預算的四分之一被用于修復小 Bug。

用 5 個星期的時間干 1 個星期的活

四月份又出現(xiàn)了一個新問題。

TinyPilot 網(wǎng)站使用了 Bootstrap CSS 框架，它現(xiàn)在的主題和我第一次啟動網(wǎng)站時仍然一樣。

WebAgency 指出，在一個主題上疊加一個完全不同的新設(shè)計會很混亂。他們建議用一個定制的 TinyPilot Bootstrap 主題來替換這個主題和臨時的 CSS。他們的開發(fā)人員估計只需要幾天就可以完成轉(zhuǎn)換，這樣就可以加快項目剩余部分的速度。

當然，這聽起來很不錯。

但是，幾天過去了，幾周過去了，主題沒有任何更新。這項工作花的時間比他們預期的長？或者他們是在重復三月份，把所有的事情都擠在最后幾天完成？

后來的賬單告訴了我答案。替換 Bootstrap 主題的“一周”任務(wù)最終花了 5 周時間，總共是 38 個計費小時，總成本為 6100 美元。

歷時五周，花了6100美元做的網(wǎng)頁前后對比

到了 5 月份，我們已經(jīng)花了 7 個月的時間，投入了 4.6 萬美元去完成原本應該是 4 周 7000 美元可以完成的品牌重新設(shè)計。每一個月，我們似乎離終點線還有幾周的時間，但總有什么東西跳出來阻止 WebAgency 完成我所關(guān)心的事情。

是時候下最后的通牒了，我提前 28 天告知 WebAgency 要結(jié)束合同。

WebAgency 要求預付每月的費用，所以他們已經(jīng)拿到了最后一個月的錢?，F(xiàn)在我終止合同，他們有什么動力去完成剩下的工作呢？

令人驚訝的是，在我終止合同后，開發(fā)工作變得更加順利。項目最終按照我一開始期望的速度進行。WebAgency 在 7 到 10 天內(nèi)做好了每一個頁面。

但問題仍然存在，不過這次我做好了準備。WebAgency 不斷建議對設(shè)計進行完善。我拒絕了他們的建議，并讓他們專注于經(jīng)過我批準的設(shè)計。

到了這個月的最后一天，還有一個頁面沒有完成。WebAgency 沒有與我就結(jié)束項目的事情進行溝通。

6 月 1 日，也就是合同正式結(jié)束的第二天，他們的開發(fā)者告訴我 Isaac 已經(jīng)授權(quán)他免費完成這個項目。他在兩天內(nèi)完成了最后一個頁面。

最后終于完成了！這個項目已經(jīng)遠遠超出了我最初的預期，變成了對我的時間和資金的無盡消耗。把它拋在腦后，我如釋重負。

舊網(wǎng)站 VS 新網(wǎng)站

3 個頁面的對比圖

下面是網(wǎng)站重新設(shè)計后的樣子。

登陸頁前后對比

產(chǎn)品頁前后對比

購物車前后對比

分析

項目結(jié)束后，我邀請 Isaac 參加了一個電話會議，討論我們可以做些什么來改善項目的結(jié)果。我解釋說，我在寫一篇關(guān)于我們合作成果的博文。

Isaac 坦率地對我說，項目進行得并不像他希望的那樣順利。他認為潛在的問題是 WebAgency 難以通過調(diào)整他們的工作流程來適應 TinyPilot 的預算。他們的典型客戶每月預付 2 到 4 萬美元之間。TinyPilot 每月只購買 40 到 60 個小時，這些時間通?？梢杂糜诰S護，而不是用于開發(fā)新功能。

我告訴 Isaac，我希望我們能早點安排好工作，并交付給我有用的東西。我希望可以先做好 Logo，然后是導航欄，然后是登陸頁，等等。他說 WebAgency 的客戶通常只對最終結(jié)果感興趣，而不是過程，但他表示理解我這種增量交付的想法。

我表達了我對 WebAgency 在這個項目上的管理缺失感到驚訝。我希望 WebAgency 的項目經(jīng)理能夠提供定期的狀態(tài)更新和項目維護時間表，但沒有人這樣做。Isaac 說這是他的失誤。WebAgency 試圖將項目管理成本控制在 5%以下，但對于我的項目來說，5%的管理成本無法提供任何有形的好處，所以他完全取消了項目管理。他承認，現(xiàn)在回想起來，他應該讓我參與那次決策會議，以確保做出我想要的決定。

我們談到了 WebAgency 工作時間的不透明性。因為他們的工作時間不規(guī)律，我永遠不知道什么時候一項任務(wù)會超出我的預期。我希望我能早點提出這個問題，因為結(jié)果證明我所要做的只是向他們提問。WebAgency 使用toggl跟蹤計費時間，Isaac 應該會很樂意讓我訪問他們的儀表盤。

我總結(jié)了哪些經(jīng)驗和教訓？

如果可以重頭再來，我會按照重要性遞減的順序來做下面這些事情。

雇傭獨立的自由職業(yè)者而不是機構(gòu)

我不想因為這一次經(jīng)歷而去否定所有的機構(gòu)，但我認為自由職業(yè)者更適合我這種規(guī)模的業(yè)務(wù)。許多問題都與管理、資源分配和溝通有關(guān)。我低估了與一個團隊而不是一個自由職業(yè)者一起解決問題的難度。

機構(gòu)每個月在我的項目上投入的時間為 40 到 60 個小時，這與 TinyPilot 的其他自由開發(fā)者一樣。我認為機構(gòu)需要類似于自由職業(yè)者的監(jiān)督，但更多的人參與一個項目意味著需要更多的管理，即使他們每個月總共只工作 40 個小時。

串行的任務(wù)，增量的結(jié)果

起初，機構(gòu)盡可能并行化他們的工作似乎是一件好事，這讓他們能夠更有效地利用資源，這樣我就能夠以更低的成本更快地獲得結(jié)果。

但你可以這樣想：如果一個項目涉及八個任務(wù)，每個任務(wù)大約需要一個月的時間，你會選擇怎么做？

• 每月完成一項任務(wù)，持續(xù) 8 個月；
• 前 7 個月什么都不做，然后在第 8 個月交付所有東西。一個月完成一個任務(wù)對你來說更物有所值，因為在第一個月底你就能獲得一項可以在接下來的 7 個月里為你的業(yè)務(wù)帶來價值的資產(chǎn)。在第二個月，你將獲得更多，并以此類推。

把每件事都并行化會讓你在談判中處于弱勢地位。如果機構(gòu)有 8 項完成了 80%的任務(wù)，那么縮小項目范圍或更換供應商對你來說代價很大。如果限制機構(gòu)一次只能做兩到三個任務(wù)，即使項目失敗，有風險的任務(wù)也只有這些。

最后，同時監(jiān)督 8 項子任務(wù)更耗費腦力。每一項未完成的任務(wù)都會在你的腦海里占據(jù)一席之地。最好可以把它們分成小批次，而不是把整個項目拆得太過分散。

縮小項目范圍

在設(shè)計階段，機構(gòu)在重新設(shè)計網(wǎng)站方面走得太遠了，他們應該只專注于設(shè)計 Logo、配色和字體。在實現(xiàn)階段，我應該更積極地阻止他們在完成新設(shè)計之前修復小 Bug。

對時間表達成共識

在與 WebAgency 團隊的第一次會議中，我問他們預計我的項目需要多長時間。他們的首席設(shè)計師反問道：“一根繩子有多長？”

他解釋說，這取決于我。我有可能會喜歡他們的第一個提案，也有可能會接下來的幾周內(nèi)拒絕所有的提案。于是，我沒有要求他們給出確切的時間表。

我錯誤地讓他們將這種松懈的態(tài)度帶入到了開發(fā)工作中。我應該敦促開發(fā)人員評估每一項任務(wù)，并要求他們注意工作范圍，以免太過膨脹超出了我們的預期。這樣就可以避免發(fā)生這次這種原本只需要幾天就能完成的五周重構(gòu)任務(wù)。

分享計費時間

導致項目范圍膨脹的很多問題都是由 WebAgency 緩慢的報告反饋循環(huán)造成的。

WebAgency 的流程是每月報告兩次小時數(shù)。在第 15 天，他們會分享已經(jīng)使用的總小時數(shù)，但沒有詳細說明是哪些任務(wù)占用了這些時間。到了月底，他們會分享每個任務(wù)的細節(jié)。

相比之下，TinyPilot 的內(nèi)部開發(fā)人員會在每次工作結(jié)束時匯報他們的工作時間，所以我更清楚他們的進度。如果一個 10 小時的任務(wù)看起來要變成一個 25 小時的任務(wù)，我們會重新評估是否要取消或縮小這個任務(wù)的范圍。

如果在未來我還需要與設(shè)計機構(gòu)合作，我將堅持使用一種能夠讓我們分享計費時間的工具，就像我們在 TinyPilot 的常規(guī)開發(fā)中使用的工具一樣。

避免成為供應商最小的客戶

當我們開始這個項目的時候，WebAgency 告訴我，他們的大多數(shù)客戶都比我大，但他們想幫助我成長。這聽起來很感人，盡管我的預算有限，但我一樣喜歡那些大公司才能享受的服務(wù)。

事實上，我并沒有得到與大客戶相同的服務(wù)。在還是按小時計費時，WebAgency 一直把我放在優(yōu)先位置，但當我升級成預付費客戶后，他們很難在我的預算范圍內(nèi)提供有效的結(jié)果。

結(jié)論

我相信 WebAgency 在這個項目上盡力了，我不覺得他們有意欺騙我或從我這里榨取錢財，問題在于我們在合作模式上不匹配。我習慣于與自由職業(yè)者合作，而 WebAgency 則習慣于與大客戶合作。

盡管存在失誤和壓力，結(jié)果證明所有經(jīng)歷的痛苦都是合理的。我原以為新網(wǎng)站的銷售額會增加 10%到 20%，但實際上已經(jīng)接近 40%了。今年 7 月，TinyPilot 網(wǎng)站的銷售額創(chuàng)下了 7250 萬美元的歷史新高，比重新設(shè)計前增長了 66%。

現(xiàn)在下結(jié)論還為時過早，但我對從支付給 WebAgency 的 4.6 萬美元中獲得正向回報持樂觀態(tài)度。

原文鏈接：