刚接到这个活儿,我就知道要出事。客户提的需求,用现在的话讲,简直是“抽象派”艺术。他们想要一个官网,得同时满足三个听着就不搭边的形容词:热辣、可爱、和稳重。谁家官网是热辣可爱的?你做的是卖辣条还是卖小猫咪的?
需求分析:一锅大杂烩
我当时就懵了。坐下来跟他们扯了半天,才搞清楚,他们卖的是手作的辣味零食,但是主理人又特别喜欢粉色和圆滚滚的卡通形象。这官网等于要同时服务两个完全不同的受众群体。我直接把这需求定义为设计界的“左右互搏”。
我的第一步,就是先定基调,不然设计稿出来就是一团浆糊。我决定用一种“假装专业”的方式来解决这种精神分裂般的需求:
- 热辣担当: 用黑红配色拉出底层的力量感,得有冲击力。
- 可爱担当: 卡通形象和圆角按钮,必须用上明亮的黄和嫩粉色。
- 稳重担当: 框架必须是传统的,信息架构不能乱,得让大家知道他们卖的不是三无产品。
定完这个调,我发现自己给自己挖了个巨坑。要在黑红的背景上放一个粉嫩的卡通猫,这色感谁顶得住?
动手开干:选工具与搭骨架
我没敢用太新的技术,因为这种小项目,追求的就是快速上线,快速迭代。我直接找了个我用得最熟的后端框架,然后前端随便拉了个我以前项目里用过的轻量级组件库,稍微改改就上。
过程是这样的:
- 第一天: 我把基础的骨架搭好了。登录注册、产品展示、关于我们,这三板斧先锤定。样式?那是什么?全是灰蒙蒙一片。
- 第二天: 开始搞配色。这是最折磨人的。我先大面积铺了黑色,想着“热辣”感来了。结果客户一看,说太像黑社会网站。我赶紧把背景换成深灰,然后用辣椒红去点缀关键按钮。
- 第三到五天: 疯狂画图。网站上所有的图标、产品图片都需要重新设计,用可爱的、胖乎乎的风格重画了一遍,同时保证它们周围有足够的留白,不至于被黑红的底色吞掉。为了增加“热辣感”,我甚至在产品展示区加了一些会动的、冒着蒸汽的小动画。
那几天我简直是魔鬼在世,早上醒来看到粉色都想吐。但客户改需求的速度,比我写代码的速度还快。他们一会儿觉得那个猫的眼睛不够“无辜”,一会儿觉得那个辣椒的形状不够“奔放”。光是首页那个 Banner 图,我们来来回回改了八版。
项目收尾:混乱中的实现
到了验收的时候,整个网站看起来就像一个穿了朋克皮衣但背着 Hello Kitty 书包的少女。说它热辣,它到处都是圆角;说它可爱,配色又硬得不行。
但神奇的是,客户喜欢得不得了。他们觉得这个混乱的风格,恰恰完美体现了他们产品“既刺激又暖心”的理念。我当时就想,行,能过就行,别再改了。
我为啥记得这个项目的细节这么清楚?因为这是我被骗之后接的第一个独立项目,意义非凡,甚至有点荒唐。
我之前不是一直在一家做线上教育的公司当全栈工程师吗?结果去年公司业务调整,说要全面转型做线下,把我们线上团队全部解散了。解散就解散,结果我的一个月工资,说是财务流程还没走完,硬是拖着不给。
我那会儿刚买了房,每个月房贷压得我喘不过气。我天天打电话找人事,电话不接;找部门经理,信息不回。我连跑到公司楼下找他们对峙的心都有了,但那点钱,还不够我请假折腾的。
没收入的日子有多难熬,你们是不知道。我老婆直接把她的私房钱拿出来给我周转,我说不行,我得赶紧自己赚钱。那段时间,我急得天天上火,嘴上全是泡。
就是在那种走投无路的情况下,我在一个朋友的介绍下,接下了这个热辣可爱官网的项目。当时我根本没工夫管它需求有多分裂,只要能给钱,我就能干。这个项目虽然在技术上没啥难度,但是它让我意识到,做东西最难的不是技术,而是如何在最荒谬的需求里,找到一个能收钱的平衡点。
后来我前公司的人事突然联系我,说我的工资已经补发了,还给我道了歉。我一看,晚了,我现在靠自己接项目,比在你们那儿拿固定工资舒服多了。我直接把那个电话号码拉黑了。那个职位现在还在网上挂着,他们以为涨了点工资我就能回去,做梦!