耗时 8 个月、花费 32 万元,只重新设计了三个网站页面?程序员:我后悔死了!

【CSDN 编者按】重新设计网站的三个页面,要花费多少时间和金钱?本文作者原本以为一个月时间和 7000 美元绰绰有余,但实际情况是:总共耗时 8 个月,并花费了 4.6 万美元(约人民币 32.9 万元)。

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

作者 | Michael Lynch

翻译 | 郑丽媛

出品 | CSDN(ID:CSDNnews)

两年前,我亲自为我的公司创建了一个网站。虽然我的设计技巧很糟糕,但我套用了一个还不错的模板,因此这个网站整体看起来还行。那时我告诉自己:如果公司业务发展得不错,那我就招一个真正的设计师,让这个网站看起来更专业。

(重新设计前的网站)

一年后,公司的月收入达到了 4.5 万美元,但我的网站看起来还像是一个大学生的业余项目——是时候兑现我对自己的承诺、找人重新设计网站了。

我只关心这个网站的三个页面,所以我猜重新设计应该会很简单,也许只需要几个月和 1.5 万美元?以下是网站重新设计后的样子:

 (重新设计后的网站)

看起来好像没有多复杂?但实际上这总共耗费了 8 个月和 4.6 万美元(约人民币 32.9 万元),期间还发生了许多令人头疼的事情。现在项目终于结束了,我开始重新审视我到底犯了哪些错误,才让整个过程变得如此超出预期。

我知道你在想什么

我知道,听说有人花了 4.6 万美元只为重新设计一个网站的三个页面时,你可能觉得他是一个没有软件基础或招聘经验的笨蛋。但我真的不是,我以前还干过这个,作为一名软件开发人员,曾招聘过几十名自由职业者,包括开发者、艺术家、作家和编辑。

我只能说,我在这个项目中犯的错,比你想象的要更有趣。

初步估算:四周,7000 美元

我不太想指名道姓地骂这家设计公司,所以我们就暂且叫它 DesignAgency 吧。这家公司位于美国,我是通过 HackerNews 找到他们的。相较之下,DesignAgency 的报价是我接触过的所有公司中最高的,但不得不说他们的作品风格最符合我的要求,其内部也人才济济,负责设计、定制插图和 3D 成像的人都有。

DesignAgency 的首席执行官 Isaac 在初次与我通话时,就建议我缩小项目范围,这个想法与我不谋而合,因此赢得了我的信任。显然,提出这个想法意味着他赚的钱会变少,但他还是建议进行品牌重塑,而不是全面的重新设计。总体而言,DesignAgency 将负责基本工作,如新 Logo、配色方案和字体。

品牌重塑后,我可以衡量结果,看看是否值得继续重新设计。如果不出意外,品牌重塑将为我与数字营销公司合作开展营销活动奠定坚实的基础——这听起来很不错!

DesignAgency 预计,品牌重塑需要在两到四周内花费 30-40 个小时的计费时间,而他们的时薪是 175 美元,因此我们需要 5-7 千美元来制作新 Logo 和品牌。这只是我预算的一半,所以我很快就同意了。

DesignAgency 的首席执行官 Isaac 跟我说,他们大多数客户都与其签订了价值不菲的长期聘用协议,而我公司的规模比其他客户的规模要小,项目内容也较为狭窄,因此可以按小时来计费。但如果有长期客户的工作需要花费更多时间,他们可能会偶尔暂停我这边的设计工作。

对于这一点我也不太在意,对方如果很忙,项目暂停一两周也不是什么大问题:我原本就计划这个项目需要两三个月的时间,所以多花几个星期并不算什么。

第一个月:“蜜月期”

项目开始的第一个月非常顺利。

DesignAgency 邀请我每两周与他们的首席设计师、高级设计师、项目经理和 Isaac 开一次会,他们会向我展示新 Logo 和品牌的样本,我也会给出反馈意见。在一次次的接触中,我们的想法越来越接近。

不到六周,我们就确定了一个大家都喜欢的概念。

(DesignAgency 提供的几版新 Logo 和品牌)

第一个危险信号:任务范围变了

在我们最初的几次会议中,DesignAgency 向我展示了带有不同颜色选项的网站模型:

随着项目不断发展,模型图变得越来越精细,DesignAgency 开始向我展示网站的自定义图片和图标:

在此之前,我们从未讨论过定制插图的问题,不过我猜这似乎是个小工程,也就没有过多追究。

几周后,DesignAgency 又召开了一次会议来分享最新进展,但他们没有拿出任何新的 Logo 和品牌,反而将重点放在了网站的设计理念上。

我有些疑惑,于是问道:“先说清楚,这还是个品牌重塑的项目,而不是重新设计,对吗?”

首席设计师向我保证:“哦,是的是的!在旧设计的基础上,有些品牌的选择并不合理,所以这些只是简单的草图。”

完成 Logo

到 12 月,项目已经持续推进了三个月,DesignAgency 完成了 TinyPilot 新 Logo 的 95%,我所要做的就是修改一些圆角、去掉边框等建议,我估计就是几个小时的工作量。

我急于完成新 Logo,因为这将是 DesignAgency 交给我的第一个完整成果。一旦准备就绪,我就可以将其发布到网站上,整合到产品的网络界面中,并打印在设备的实体包装盒上。

我真的以为只需要再花几个小时的时间,但我还是没有拿到新 Logo。

(DesignAgency 交付最终结果后,我可以在所有位置换上新的 TinyPilot Logo。)

为什么?因为 DesignAgency 一直在忙着重新设计网站,他们的首席设计师没有时间设计 Logo,而在全身心投入网站的新设计想法——于是,当 DesignAgency 开始向我展示网站博客的新设计时,我终于崩溃了!

从一开始,我就说过我只关心三个页面:登陆页面、产品页面和购物车页面,所有其他网站页面都明确不在设计范围内。

(项目说明摘录中,将博客明确列为设计范围之外。)

我直白地向 DesignAgency 指出了这一点,Isaac 很尴尬地给我打了电话,承认设计师们的工作不仅仅是画草图:他们对这个项目太兴奋了,有些忘乎所以了,不过 Isaac 承诺会把设计博客的计费时间去掉。

中途放了两个月的假

12 月中旬,我发现 DesignAgency 把所有事情都停了:他们不再约我一起开会审查工作,我对他们设计提出的意见也被忽视了好几个星期。

我把这一切归咎于假期,12 月份确实很多人都在休假,所以我以为新年后会慢慢恢复正常。

然而新年伊始,不仅项目进度缓慢,DesignAgency 的工作质量也下降了,我们在项目初期那种轻松、清晰的沟通不见了,取而代之的是一个小小的背景颜色问题就要来回沟通三次。

“我不知道我们什么时候能有时间”

二月初,我给 Isaac 发邮件询问情况。他打来电话,对项目的进展表示歉意,承认 DesignAgency 的内部问题影响了我的项目:他们的项目经理在 11 月辞职了,在还没找到替代人选之前,Isaac 只能自己补位。

同时,Isaac 还指出他们的工作质量并没有下降,只是 DesignAgency 的大客户工作量过大,但设计师还是一有空就处理我的项目,但专注力可能不如项目初期了。

我知道,我的 TinyPilot 对他们来说只是一个小客户,所以我愿意再等几周,直到他们的设计师忙完其他工作。但我希望,我用耐心等待换来的将是他们高质量的工作时间,而不是最近那种忙忙碌碌、随时待命的工作状态。

“我们一定会完成你的项目,”Isaac 也补充道,“但我不知道我们什么时候会有时间。”我问他未来两个月内有没有时间,他也不能打包票,但他提出了一个能加快项目进度的主意。

解决办法:多付钱

Isaac 说,真正的问题在于我是他们唯一按小时计费的客户,只要有长期客户过来提需求,我的项目就会一直被推后。那么,如果我要签署一份聘用协议来保证完工时间呢?DesignAgency 的预付费是每月 40 小时,每小时 160 美元。

事情发展到这里,我觉得自己上当受骗了。当时的情况是,DesignAgency 已经差不多完成了我项目要求的 80%,但都不能直接使用,如果我把工作交给其他供应商,就会出现大量返工——而现在,他们拿最后的 20% 来要挟我,让我签署一份昂贵的聘用协议? 

我尽可能委婉地告诉 Isaac,这种情况是 DesignAgency 的错:如果长期聘用协议很好,那为什么不早说?这个项目本来早就可以完成了。

面对我的质疑,Isaac 承认这种情况对我不公平,所以他答应我调整 12 月和 1 月的账单。虽然我当时没有签订协议,但他同意以签订长期协议的价格退还我差价。

但是每个月 40 个小时,我们该怎么办呢?项目只剩下 20 个小时了。

紧接着,Isaac 提议 DesignAgency 把开发工作也接手了。虽然 DesignAgency 的收费标准比 TinyPilot 内部开发人员要高,但 Isaac 预测他们会降低总体成本。TinyPilot 的开发人员擅长 Python 和 JavaScript 等编程语言,而  DesignAgency 的开发人员在设计繁重的 CSS 工作方面经验更丰富。

于是,我还是签了长期聘用合同,60 个高质量工时计划将从三月份开始。

开发工作从……修复小 Bug 开始?

这个协议开始得很顺利,第一周 DesignAgency 几乎完成了所有未完成的设计任务。虽然还有一些小问题需要解决,但三个网站页面中的两个已经可以交给开发人员了。

然后,DesignAgency 又开始没声了。

连续两周,DesignAgency 开发团队没有任何动静。我问 Isaac 发生了什么事,他解释说 DesignAgency 的日程安排是不固定的,所以不一定每周都会为我的项目工作。但他向我保证,月底之前,他们一定会用完我为这个月预付的剩余 48 小时。

可当这个月结束时,DesignAgency 并没有将网站向新设计靠拢,反而到最后还一直在修复网站上的小 Bug。

 

(DesignAgency 的一名开发人员,用了本月 60 个小时中的 15 个小时来修复任务队列末尾的小 Bug。)

你也许会问,是什么促使 DesignAgency 处理这些无关紧要的 Bug?DesignAgency 要求我为每项重新设计任务创建 Github 工单,并提醒我,他们不会退还或延长未使用的时间,因此他们让我除了安排重新设计工作之外,也一同安排开发任务。

令我没想到的是,DesignAgency 给开发人员分配任务的方式会如此不合理。我以为是开发人员 A 会负责 X 页面,开发人员 B 会负责 Y 页面。可实际上,DesignAgency 是把所有与设计相关的任务分配给了开发人员 A,然后将其余任务留给了开发人员 B。

原本一周的工作量,变成了五周

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

TinyPilot 网站使用的是 Bootstrap CSS 框架,且它的 Bootstrap 主题与我第一次发布网站时的主题相同。DesignAgency 指出,在完全不同的主题上叠加新的设计会很混乱,他们建议用定制的 TinyPilot Bootstrap 主题来替换原本的主题和临时 CSS。他们的开发人员估计,这只需要几天时间就能完成,并且还能加快项目的其他部分。

我同意了,毕竟这听起来很不错。

可是他们说的“几天”过去了,甚至几个星期都过去了,新主题却没有任何更新。我当时猜想:难道工作时间比他们预期的要长?还是三月份的情况重演了,他们又把所有工作都挤到了这个月的最后几天?

下个月的发票给了我答案。更换 Bootstrap 主题的“一周”任务最终耗时五周,计费工时 38 小时,总成本 6100 美元。

(耗费五周时间和 6100 美元的网站,开发前后对比)

最后一个月

到五月份,我们网站的品牌重塑工作已经进行了七个月,耗资 4.6 万美元——按计划本应在四周内完成,耗资 7000 美元。这七个月,每个月我们似乎都离终点线只差几周的距离,但 DesignAgency 总会突然出现一些事情,使其无法完成我所关心的所有事情。

我觉得是时候叫停了,于是我提前 28 天通知 DesignAgency 终止合同。

DesignAgency 要求预付我每个月的款项,因此他们已经拿到了我最后一个月的所有款项。我本以为,既然我解雇了他们,那他们应该更没动力完成我的项目了。出乎意料的是,在我终止合同后,DesignAgency 的开发工作突然顺利得不可思议。

项目终于按照我从一开始就期望的速度进行了,DesignAgency 在 7-10 天内完成了每个页面的编码工作。虽然还是有问题,但这次我已经做好了准备。DesignAgency 不断提出新的设计建议,我全部拒绝了,并反复告诉他们请专注于我要求的设计工作。我庆幸我这样说了,不然他们今天可能还在为网站工作。

到了这个月的最后一天,最终页面还是没有完成,DesignAgency 也没有就退出项目一事与我沟通。到了 6 月 1 日,在我们的合同正式结束的第二天,他们的开发人员告诉我,Isaac 要他免费完成未完成的工作,因此他在两天内完成了最后一个网页。

终于完成了!实际上,这个项目早已远远超出了我最初的预期,对我的时间和经济造成了巨大的消耗。但我还是释怀了,并深感如释重负。

网站改版前后

以下,这是网站重新设计后的样子:

登录页面重新设计的前后对比

产品页面重新设计的前后对比

购物车页面重新设计的前后对比

事后总结

项目结束后,我跟 Isaac 通了电话,想要谈谈我们每个人可以做些什么来改进项目成果。我解释说,我正在写一篇博文,介绍我们合作的收获。

Isaac 坦诚地告诉我,这个项目并不像他希望的那样顺利。他认为,根本问题在于 DesignAgency 难以按照 TinyPilot 的预算缩减工作流程:一般他们的客户每月预付费在 2-4 万美元之间,而 TinyPilot 每月只需花费 40-60 个小时,这个时长对于他们来说可能只够维护而不是新开发。

我告诉 Isaac,我希望我们能早点安排好工作,尽早给我可用的成果。例如,我希望先有新 Logo,然后是新导航条设计,接着是登陆页面设计等等。而 Isaac 表示,DesignAgency 的客户通常只对最终结果感兴趣,而不是中间环节,但他也能理解为什么我很注重工作的循序渐进。

对我来说,我也很意外 DesignAgency 竟如此缺乏项目管理。我本以为 DesignAgency 的项目经理会定期提供最新状态并推进项目时间表,但没有人这么做。Isaac 说这是他的失误,原本 DesignAgency 会将项目管理控制在计费工时的 5% 以下,但这个比例放在我的项目规模上,无法带来任何实际效益,所以他完全取消了项目管理工作。Isaac 承认,现在回想起来,为了确保我想要的项目效果,应该让我也参与进这个决策的。

之后,我们还谈到了DesignAgency 不透明的工作时间。由于他们不经常分享工时,而且工作时间也不固定,所以我根本无法判断任务的拓展程度是否超出了我的预期。我真希望能早点提出这个问题,因为事实证明,我确实只要问一下就可以了:DesignAgency 用 toggl 跟踪计费时间,Isaac 说我完全可以去查看详细情况。

如果重来一遍,我的不同做法

如果我再次接手这个项目,以下是我将采取的不同做法,按重要性从大到小排列。

(1)雇用个人自由职业者,而不是代理机构

我不是根据这一次经历就对代理公司产生偏见,只是我觉得个人自由职业者可能更适合我这样规模的企业。在这次的项目中,产生的许多问题都与管理、资源分配和沟通有关,我极大低估了这些问题在一个团队而非一个自由职业者身上的难度。

代理公司每月与我合作 40-60 个小时,与 TinyPilot 的其他自由开发者一样。我原以为代理公司需要的监督时间与一名自由职业者差不多,但一个项目中的人员越多,需要的管理也就越多,即使他们每月的工作时间加起来也只有 40 个小时。

(2)为了连续产出结果,设置一个合适的结构

起初,让代理公司尽可能并行开展工作似乎是一个不费吹灰之力的办法,想着这样他们就能有效利用资源,我也就能以更低的成本获得更快的成果。但你可以这样想:如果一个项目涉及八个任务,每个任务大约需要一个月的时间,你会选择哪种做法?

  • 每个月完成一项任务,持续八个月;

  • 前七个月什么都不做,然后在第八个月结束时交付所有任务。

对于客户来说,一次实现一个任务更物有所值:在第一个月结束时,你就拥有一个成果能在接下来七个月的业务提供价值,到第二个月你会拥有更多成果,以此类推。

相较之下,让所有任务并行也许会使你在谈判中处于弱势:如果代理公司把八项任务都完成了 80%,那么你此时想缩小项目范围或更换供应商的成本就会很高;如果你限制代理公司一次只能完成两到三项任务,那么一旦项目出现问题,你就可以及时止损。

最后,同时监督  8 个任务也很耗费精力,每一项未完成的任务都会占据你的脑海。与其在整个项目中都拖拖拉拉,不如分批次快速完成。

(3)缩小项目范围

在设计阶段,代理公司本应只专注于徽标、配色方案和字体,但我错误同意让他们过多地重新设计了网站;在实施阶段,我应该更积极地阻止他们,不让他们在完成新设计之前耗费时间去修复小 Bug。

(4)确定时间表

在与 DesignAgency 团队的第一次会议上,我问他们预计我的项目需要多长时间。他们的首席设计师问跟我说,这取决于我:我可能会喜欢他们的第一份方案,也可能在几个星期内拒绝所有方案。

当时我认为他说的没错,因此没有要求更精确的时间表,后来我更是错误地把这种松懈的态度带到了开发工作中。我应该要求开发人员给出对每项任务的完成时间,如果工作远远超出了我的预期,也应该要求他们重新审视工作范围。这样就能避免出现像本来只需几天的重构任务最终耗时五周的情况。

(5)要求共享计费工时界面

回想起来,这次项目范围扩大的许多问题都是由于 DesignAgency 的报告反馈太慢造成的。

DesignAgency 的流程是每月报告两次工时:每个月 15 号,他们会共享已使用的总工时,但不会详细说明做了哪些任务,到了月底,他们会发送一份按任务划分的明细表。

(DesignAgency 在每月 15 号会简单报告工时总数,然后在月底报告详细内容。) 

相比之下,TinyPilot 的内部开发人员在每次工作结束后都会报告他们的工作时间,因此我对他们的工作进度能更好地了解。如果一项计划耗时 10 小时的任务看起来像是要耗时 25 小时,我们就会重新评估是否要取消或缩小这项任务的范围。

 

(TinyPilot 的内部开发人员会在工作过程中报告他们的工作时间。)

如果将来我与一家设计公司合作,我会坚持使用一种能让我们共享计费工时界面的工具,就像我与 TinyPilot 开发人员使用的工具一样。

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

当我们开始这个项目时,DesignAgency 就告诉我,他们大多数客户的规模都比我公司大,但他们还是希望能服务到我。听起来好像很划算:尽管我的预算有限,但我依旧可以享受到通常只有大公司才能享受到的服务。

可实际上,我并没有得到和他们大客户一样的服务,因为我只是按小时计费的客户。后来当我升级为预付款的长期客户时,他们也很难在我的预算范围内有效地工作。

你为什么不……?

在这个项目期间,我跟很多人说过这件事,有人问我为什么不采取一些简单明了的方法解决问题。我认为这些反馈都是善意的,但他们可能都是自专家或只与代理公司合作过的大客户。

下面,我将解释为什么我收到的那些建议行不通。

(1)你为什么不在工作完成之前拒绝付款?

DesignAgency 要求预付款。对于按小时的计费合同,我必须以 30 小时为单位来购买时间。对于按月付费的合同,我也必须在每月 1 日之前支付账单,因此没有任何财务威胁可以迫使他们加速完成项目。

如果我一开始就坚持按进度付款,那 DesignAgency 可能就不会跟我合作了:在他们看来,我是一个可以发展的小客户,但没有人愿意与一个像大公司一样苛刻的小客户合作。

(2)你为什么不找个便宜的开发人员来做,可能每小时只要 4 美元?

根据我的经验,在以下情况下,可以找个便宜的开发人员:

  • 你需要的是一次性代码,而且必须只运行一次。

  • 你不太在意你的时间,不介意自由职业者每一个小时的工作给你两个小时的反馈。

而我计划 TinyPilot 网站还要运行很久,我需要能够方便维护的代码,因此我需要一个能写出清晰代码的专业开发人员。

(3)你为什么不直接解雇他们,然后找个更好的?

解雇 DesignAgency 并寻找替代者会耗费 30-60 个小时的管理时间,而且我也无法保证能找到更好的人。在这个项目的大部分时间里,我都在处理一堆未完成的任务,重新分配未完成的工作和组建新供应商的成本,几乎与从头开始一样贵。

(4)为什么不使用 Shopify 模板?

如果能回到最初创建网站的时候,我一定会把它做成一个简单的 Shopify 商店,再配上一个自定义主题。可当初我创建网站时,我不太想依赖 Shopify,也不想学习他们的模板系统,因为我需要的只是一个简单的“购买”按钮,因此我使用自己熟悉的前端框架手工编写了网站代码。

随着时间的推移,TinyPilot 的购买体验变得越来越复杂。最后,我花了大价钱重新实现了一些用 Shopify 模板就可以免费实现的功能。但此时,将网站的所有内容迁移到 Shopify 将是一个大工程,所以我坚持重新设计现有的内容。

结论

我相信,DesignAgency 在这个项目上已经尽了最大努力,他们并不是有意欺骗我或想从我这骗钱,只是我们真的不太合适。我习惯与个人自由职业者合作,DesignAgency 则习惯于与大客户合作——如果让我重来一次,我应该不会再这么做了。

但是,尽管有这么多的失误和压力,结果证明所有的痛苦好像都是值得的。

我本以为新网站能将销售额提高 10%-20%,但结果却接近 40%,甚至七月份,TinyPilot 网站的销售额达到了 7.25 万美元的历史新高,比重新设计前增加了 66%。虽然现在下结论还为时过早,但我还是希望,我支付给 DesignAgency 的 4.6 万美元将获得积极的回报。

本文文字及图片出自 CSDN

余下全文(1/3)
分享这篇文章:

请关注我们:

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注