花 31 万元重新设计网站后，我后悔了

两年前，我为自己的业务创建了一个网站。基于我糟糕的设计技能和一个体面的模板，我创建了一个看起来不错的网站。我告诉自己，如果业务做成功了，我就雇一个真正的设计师，让网站看起来更专业。

改版之前的TinyPilot网站

一年后，我的业务每月能为我带来 4.5 万美元（约合 30.5 万元人民币）的收入，但我的网站看起来仍然像是一个大学生的业余项目，我想是时候进行改版了。

我只关心三个页面，所以我认为改版应该很简单，花个 1.5 万美元和几个月时间足够了。

下面是网站改版后的样子。

但实际上这花了不止 1.5 万美元，而是 4.6 万美元（约合 31.2 万元人民币），而且前前后后共花了 8 个月的时间，并且还有很多麻烦事。

如果你听说有人花了 4.6 万美元重新设计了一个网站的三个页面，你可能会认为他们是既不懂软件也不懂招聘的土人。

但事实不是这样的！我是一名软件开发人员，我雇佣过几十名自由职业者，包括开发人员、美工、写手和编辑。

我确实在这个项目上犯了错误。现在，这个项目已经结束了，我开始回顾自己犯过的错误，总结下是什么让这个项目变得如此失控。希望这个故事能够让你们觉得有趣。

一切是如何发生的？

我不想在这里痛斥这个机构，所以我就叫他们 WebAgency 吧。他们的总部设在美国，我是通过 Hacker News 的每月自由职业者推介帖找到他们的。

WebAgency 报价最高，但他们的作品与我想要的风格很匹配。他们内部有各方面的人才，包括设计、定制插图和 3D 成像。

WebAgency 的首席执行官 Isaac 在我们初次通话时建议我缩小项目范围，因此赢得了我的信任。尽管这对他来说意味着报酬更少，但他还是建议重新设计品牌，而不是进行全面的网站改版。WebAgency 将负责一些基础的东西，如新 Logo、配色方案和字体。

在重新设计了品牌后，我就可以知道是否值得继续改版整个网站。如果不出意外，重新设计品牌将为我与数字营销机构开展营销活动奠定坚实的基础。

这看起来似乎很不错！

WebAgency 估计，重新设计品牌需要在两到四周内花费 30 到 40 个小时。他们每小时收费 175 美元，所以我们需要花 5 到 7 千美元换一个新的品牌。这只占了我原先预算的一半，所以很容易就接受了。

Isaac 提醒我说，我是他们的一个小客户，他们的大多数客户都签订了高费用的长期合同。我的项目很小，可以按小时来计费，但如果其他客户需要更多的时间，他们可能不得不偶尔暂停我的项目。

如果确实很忙，我不介意他们把我的项目暂停一两个星期。我最初预计这个项目需要两到三个月，所以延迟几周并不是个问题。

项目的第一个月进行得很顺利。

WebAgency 每两周邀请我参加他们的会议一次，参会的有他们的首席设计师、一位高级设计师、一位项目经理和 Isaac。他们向我展示他们新设计的 Logo 草图，我给他们提供反馈。

到了第六周，我们就把范围缩小到一个大家都喜欢的设计上。

WebAgency在项目的前几周向我展示的TinyPilot的Logo草图，从最旧的到最新的

第一个危险信号：项目范围扩大

在最初的几次会议中，WebAgency 向我展示了几种不同的配色方案。

随着项目的进展，模拟页面变得更加精细。WebAgency 开始向我展示网站的自定义图片和图标。

这家设计机构开始对重新设计品牌不那么感兴趣，而是把注意力转向了整体网站设计

我们从未讨论过插图设计的事情，但看起来只是一小撮工作量，所以我也就没有太在意。

几周后，WebAgency 又开了一次会议来分享更新，但这次在重新设计品牌方面没有任何进展。相反，他们整个会议都在向我展示网站的设计想法。

我问：“需要明确的是，这个项目的重点仍然是重新设计品牌，而不是重新设计网站，对吗？”

“是的！”首席设计师安慰我说。“有些品牌设计方面的东西在旧的设计基础上看起来没有什么意义，这些只是用于快速对比效果的草图。”

第二个危险信号：一拖再拖的 Logo

到了 12 月份，这个项目已经过去了三个月。WebAgency 设计的 TinyPilot 新 Logo 完成了 95%。我想要的只是改下圆角和消除边框，我认为这几个小时就可以搞定。

我希望尽快把 Logo 定下来，这是 WebAgency 能给我的第一个完整的交付设计。然后，我就可以把它发布在网站上，集成到产品的网页中，并打印在设备的外壳上。

我想这应该只需要几个小时，但我并没有拿到我想要的东西。

相反，WebAgency 一直在重新设计网站。他们的首席设计师说没有时间设计 Logo，但对于这个登陆页的设计想法，我又该作何感想？

当 WebAgency 向我展示网站博客的设计时，我开始坐不住了。从一开始，我就说过我只关心三个页面：登陆页、产品页和购物车。其他的页面都不在这个项目范围内。

我向 WebAgency 指出来这个问题，Isaac 尴尬地打电话给我，他承认设计师们做得有点过头了，因为这个项目让他们感到太兴奋了。他打算把花在重新设计博客上的时间排除掉。

第三个危险信号：放慢的沟通节奏与工作质量

12 月中旬，我注意到 WebAgency 没有带来任何进展。他们不再安排电话会议，我的反馈被置之不理了好几个星期。我想起来现在是假期，很多人在 12 月份都去度假了，所以我认为情况在新的一年应该会有所好转。

新的一年开始了，不仅节奏慢了下来，工作质量也下降了。项目开始时的那种轻松且清晰的交流不复存在了。现在，一个小小的背景色调整就需要反反复复三次。

二月初，我给 Isaac 发了封邮件，问他发生了什么事。他通过电话为项目的进展情况道歉，承认 WebAgency 的内部问题影响了我的项目。去年 11 月，他们的项目经理辞职了，Isaac 一边忙着临时接手这个职位的工作，一边寻找接替者。

Isaac 承认了质量下降的问题。WebAgency 因为大客户的需求超负荷运转，当他们的设计师有空闲时间时会分一点时间给我，但可能不会像刚开始时那样专注。

我知道 TinyPilot 对他们来说是一个小客户。我愿意等上几周，直到他们闲下来，但我希望剩下的 10 到 20 个小时是高质量的，而不是我在 12 月份和 1 月份期间遇到的那些烦人的随机出现的时间。

Isaac 说：“我们一定会完成你的项目，我只是不知道我们什么时候会有时间。”我问他们接下来的两个月是否有时间，他表示不确定。

不过，Isaac 给了一个加快项目进度的建议——前提是我要掏更多的钱。

签署雇佣协议

Isaac 说，问题的关键在于我是他们唯一按小时计费的客户。我总是受长期客户的“排挤”。签一份雇佣协议来保证 WebAgency 在我的项目上分配时间，如何？他们的预付费用为每月 40 小时，每小时 160 美元。

我觉得自己被欺骗了。WebAgency 所做的工作都完成了 80%，但没有一个是可用的。如果我把任务交给另一个供应商，需要做大量的返工。现在，他们挟持了剩下 20%的工作量，等着我签一份昂贵的雇佣协议？

我尽可能委婉地告诉 Isaac，问题出在 WebAgency 这边。如果雇佣协议对双方都好，为什么不在几个月前就提出来？如果当时提出来，项目到现在应该已经完成了。

Isaac 承认这对我不公平。他承诺会把我 12 月份和 1 月份的账单当作雇佣协议的一部分，并退还差额。

但每个月 40 个小时用来做什么呢？毕竟项目只剩下 20 个小时的工作量了。

Isaac 建议将开发工作也交给 WebAgency。WebAgency 的收费比 TinyPilot 内部开发人员要高，但 Isaac 预计会降低整体成本。TinyPilot 的开发人员主要擅长 Python 和 JavaScript 等编程语言，而 WebAgency 的开发者则拥有更丰富的 CSS 设计经验。

我签了雇佣协议，合同中规定的高质量的 60 个小时计划从 3 月份开始。

15 个小时修复 Bug

雇佣协议在开始时履行得还不错。WebAgency 在第一周就完成了几乎所有出色的设计任务。虽然还有一些细微的问题需要解决，但三个页面中的两个已经准备好交给开发人员了。

然后，又没声音了。

有两周的时间，开发团队没有任何活动。我问 Isaac 这是怎么回事，他解释说 WebAgency 的时间表是流动的，不一定每周都会做我的项目。他向我保证，到月底，他们肯定会用完这个月剩下的 48 小时。

到了月底，WebAgency 并没有让我的网站焕然一新。相反，他们在这个月的最后几天修复了问题列表中的一些小 Bug。

WebAgency的一个开发人员用了这个月60个小时中的15个小时来修复问题队列中的小Bug

你可能会问，是什么促使 WebAgency 一定要去处理这些无关紧要的 Bug？WebAgency 要求我为每个设计任务创建 Github Ticket。WebAgency 告诉我说，对于未使用的时间，他们不会退款，也不会延长时间，所以他们鼓励我用重新设计工作之外的任务超额预定时间表。

我不知道 WebAgency 是如何在他们的开发人员之间分配 Ticket 的。我原以为开发者 A 负责页面 X，开发者 B 负责页面 Y。但实际上，WebAgency 将所有与设计相关的 Ticket 分配给了开发者 A，将剩下的留给了开发者 B。这就是为什么 3 月份开发预算的四分之一被用于修复小 Bug。

用 5 个星期的时间干 1 个星期的活

四月份又出现了一个新问题。

TinyPilot 网站使用了 Bootstrap CSS 框架，它现在的主题和我第一次启动网站时仍然一样。

WebAgency 指出，在一个主题上叠加一个完全不同的新设计会很混乱。他们建议用一个定制的 TinyPilot Bootstrap 主题来替换这个主题和临时的 CSS。他们的开发人员估计只需要几天就可以完成转换，这样就可以加快项目剩余部分的速度。

当然，这听起来很不错。

但是，几天过去了，几周过去了，主题没有任何更新。这项工作花的时间比他们预期的长？或者他们是在重复三月份，把所有的事情都挤在最后几天完成？

后来的账单告诉了我答案。替换 Bootstrap 主题的“一周”任务最终花了 5 周时间，总共是 38 个计费小时，总成本为 6100 美元。

历时五周，花了6100美元做的网页前后对比

到了 5 月份，我们已经花了 7 个月的时间，投入了 4.6 万美元去完成原本应该是 4 周 7000 美元可以完成的品牌重新设计。每一个月，我们似乎离终点线还有几周的时间，但总有什么东西跳出来阻止 WebAgency 完成我所关心的事情。

是时候下最后的通牒了，我提前 28 天告知 WebAgency 要结束合同。

WebAgency 要求预付每月的费用，所以他们已经拿到了最后一个月的钱。现在我终止合同，他们有什么动力去完成剩下的工作呢？

令人惊讶的是，在我终止合同后，开发工作变得更加顺利。项目最终按照我一开始期望的速度进行。WebAgency 在 7 到 10 天内做好了每一个页面。

但问题仍然存在，不过这次我做好了准备。WebAgency 不断建议对设计进行完善。我拒绝了他们的建议，并让他们专注于经过我批准的设计。

到了这个月的最后一天，还有一个页面没有完成。WebAgency 没有与我就结束项目的事情进行沟通。

6 月 1 日，也就是合同正式结束的第二天，他们的开发者告诉我 Isaac 已经授权他免费完成这个项目。他在两天内完成了最后一个页面。

最后终于完成了！这个项目已经远远超出了我最初的预期，变成了对我的时间和资金的无尽消耗。把它抛在脑后，我如释重负。

旧网站 VS 新网站

3 个页面的对比图

下面是网站重新设计后的样子。

登陆页前后对比

产品页前后对比

购物车前后对比

分析

项目结束后，我邀请 Isaac 参加了一个电话会议，讨论我们可以做些什么来改善项目的结果。我解释说，我在写一篇关于我们合作成果的博文。

Isaac 坦率地对我说，项目进行得并不像他希望的那样顺利。他认为潜在的问题是 WebAgency 难以通过调整他们的工作流程来适应 TinyPilot 的预算。他们的典型客户每月预付 2 到 4 万美元之间。TinyPilot 每月只购买 40 到 60 个小时，这些时间通常可以用于维护，而不是用于开发新功能。

我告诉 Isaac，我希望我们能早点安排好工作，并交付给我有用的东西。我希望可以先做好 Logo，然后是导航栏，然后是登陆页，等等。他说 WebAgency 的客户通常只对最终结果感兴趣，而不是过程，但他表示理解我这种增量交付的想法。

我表达了我对 WebAgency 在这个项目上的管理缺失感到惊讶。我希望 WebAgency 的项目经理能够提供定期的状态更新和项目维护时间表，但没有人这样做。Isaac 说这是他的失误。WebAgency 试图将项目管理成本控制在 5%以下，但对于我的项目来说，5%的管理成本无法提供任何有形的好处，所以他完全取消了项目管理。他承认，现在回想起来，他应该让我参与那次决策会议，以确保做出我想要的决定。

我们谈到了 WebAgency 工作时间的不透明性。因为他们的工作时间不规律，我永远不知道什么时候一项任务会超出我的预期。我希望我能早点提出这个问题，因为结果证明我所要做的只是向他们提问。WebAgency 使用toggl跟踪计费时间，Isaac 应该会很乐意让我访问他们的仪表盘。

我总结了哪些经验和教训？

如果可以重头再来，我会按照重要性递减的顺序来做下面这些事情。

雇佣独立的自由职业者而不是机构

我不想因为这一次经历而去否定所有的机构，但我认为自由职业者更适合我这种规模的业务。许多问题都与管理、资源分配和沟通有关。我低估了与一个团队而不是一个自由职业者一起解决问题的难度。

机构每个月在我的项目上投入的时间为 40 到 60 个小时，这与 TinyPilot 的其他自由开发者一样。我认为机构需要类似于自由职业者的监督，但更多的人参与一个项目意味着需要更多的管理，即使他们每个月总共只工作 40 个小时。

串行的任务，增量的结果

起初，机构尽可能并行化他们的工作似乎是一件好事，这让他们能够更有效地利用资源，这样我就能够以更低的成本更快地获得结果。

但你可以这样想：如果一个项目涉及八个任务，每个任务大约需要一个月的时间，你会选择怎么做？

• 每月完成一项任务，持续 8 个月；

• 前 7 个月什么都不做，然后在第 8 个月交付所有东西。一个月完成一个任务对你来说更物有所值，因为在第一个月底你就能获得一项可以在接下来的 7 个月里为你的业务带来价值的资产。在第二个月，你将获得更多，并以此类推。

把每件事都并行化会让你在谈判中处于弱势地位。如果机构有 8 项完成了 80%的任务，那么缩小项目范围或更换供应商对你来说代价很大。如果限制机构一次只能做两到三个任务，即使项目失败，有风险的任务也只有这些。

最后，同时监督 8 项子任务更耗费脑力。每一项未完成的任务都会在你的脑海里占据一席之地。最好可以把它们分成小批次，而不是把整个项目拆得太过分散。

缩小项目范围

在设计阶段，机构在重新设计网站方面走得太远了，他们应该只专注于设计 Logo、配色和字体。在实现阶段，我应该更积极地阻止他们在完成新设计之前修复小 Bug。

对时间表达成共识

在与 WebAgency 团队的第一次会议中，我问他们预计我的项目需要多长时间。他们的首席设计师反问道：“一根绳子有多长？”

他解释说，这取决于我。我有可能会喜欢他们的第一个提案，也有可能会接下来的几周内拒绝所有的提案。于是，我没有要求他们给出确切的时间表。

我错误地让他们将这种松懈的态度带入到了开发工作中。我应该敦促开发人员评估每一项任务，并要求他们注意工作范围，以免太过膨胀超出了我们的预期。这样就可以避免发生这次这种原本只需要几天就能完成的五周重构任务。

分享计费时间

导致项目范围膨胀的很多问题都是由 WebAgency 缓慢的报告反馈循环造成的。

WebAgency 的流程是每月报告两次小时数。在第 15 天，他们会分享已经使用的总小时数，但没有详细说明是哪些任务占用了这些时间。到了月底，他们会分享每个任务的细节。

相比之下，TinyPilot 的内部开发人员会在每次工作结束时汇报他们的工作时间，所以我更清楚他们的进度。如果一个 10 小时的任务看起来要变成一个 25 小时的任务，我们会重新评估是否要取消或缩小这个任务的范围。

如果在未来我还需要与设计机构合作，我将坚持使用一种能够让我们分享计费时间的工具，就像我们在 TinyPilot 的常规开发中使用的工具一样。

避免成为供应商最小的客户

当我们开始这个项目的时候，WebAgency 告诉我，他们的大多数客户都比我大，但他们想帮助我成长。这听起来很感人，尽管我的预算有限，但我一样喜欢那些大公司才能享受的服务。

事实上，我并没有得到与大客户相同的服务。在还是按小时计费时，WebAgency 一直把我放在优先位置，但当我升级成预付费客户后，他们很难在我的预算范围内提供有效的结果。

结论

我相信 WebAgency 在这个项目上尽力了，我不觉得他们有意欺骗我或从我这里榨取钱财，问题在于我们在合作模式上不匹配。我习惯于与自由职业者合作，而 WebAgency 则习惯于与大客户合作。

尽管存在失误和压力，结果证明所有经历的痛苦都是合理的。我原以为新网站的销售额会增加 10%到 20%，但实际上已经接近 40%了。今年 7 月，TinyPilot 网站的销售额创下了 7250 万美元的历史新高，比重新设计前增长了 66%。

现在下结论还为时过早，但我对从支付给 WebAgency 的 4.6 万美元中获得正向回报持乐观态度。

原文链接：https://mtlynch.io/tinypilot-redesign/