回到目录

「广工闲置品交易」诞生记

2014-05-03

这是大三的时候和几位志同道合的同事一起做的一个网站,产品定位简单,就是二手闲置品买卖,但是整个项目执行的过程挺有趣,字里行间里也透露着当时自己的想法,记录之。

3月28号,前前后后筹备了两三个月的「广工闲置品交易」上线了。

这是第一次对「产品」有了更深刻的了解。当不断有用户注册,然后发布新的商品的时候,这种辛苦创造的产品被大家所接受和使用的成就感是难以形容的。虽然发布的时候网站还有很多隐性问题,心里战战兢兢的,但是「多年媳妇熬成婆」的落地感还是让人感觉踏实多了。感谢@Tsu翼basa 和 @CLeee 这两位队友(update 2013/4/19: 欢迎多一位新战友 @谁叫张马克 ,2013/6/10:执行力很强的新成员 @hundanaaa)。

谈起 @CLeee 和 @谁叫张马克 我就羡慕,两位广播台英语主播,前者会西班牙语,后者会法语,唯一能和他们抗衡的,估计就是我也掌握 HTML、CSS、JavaScript、PHP等多门语言了,哈哈。

为什么要做这个网站?

最近在和大学城团队谈合作的时候总是被问及,我也总是乐于解释:为什么要做这个网站?理由简单粗暴,因为手头紧,想把手上的东西变现。但是翻遍了学校的二手闲置品交易网站/论坛,被那论坛式的丑陋界面和糟糕的体验所慑服。如果要谈得现实些,这个网站是一次对前端知识的系统操练,以后面试的时候也可以作为一种屡次被提及的「项目经验」。

最近因为网站结识了一些人,总能惊奇地发现他们的思维普遍一致,问得问题也大同小异:

  • 网站将如何盈利?
  • 网站未来应该要覆盖大学城。
  • 网站如何做大做强,然后甩出了「B2C」、「C2C」 balabala …

嗯,这些其实都有想过,但是内心里是比较反感这种「大、空、虚」的概念,是驴是马骑出来溜溜,网站是否有需求,有市场,未来如何发展,是不是做出来了之后再去深层次的考虑也不迟? 也许有人会说这么鲁莽做出来的产品最后失败了怎么办? 其实可以这么理解:

  • 既然想要做出一个网站,必然已经思考很久了,至少已经说服了自己。
  • 90%的网站还没有做到当初构想的那么远的时候已经死了。
  • 没有人能够预测市场,没有产品在出生时就奠定成功。

「微信」现在发展势头惊人,媒体也在热炒收费问题,但是别忘了它也经历过两三次的试错,没有后期根据市场需求的改变,哪来现在改变中国的能力?假如「张小龙」在做出微信之前就把一切都想好了,那它现在走的路是什么样子的呢?还能和现在一样吗?这位名声显赫的产品经理也没办法一开始做走上一条毋庸置疑的成功之路。

所以,「硬需求」是一个产品问世的源动力,剩下的就交给市场了吧。根据这些日子对「广工闲置品交易」的观察,答案也是明显的:

  • 广工三个校区有六万人(2013年数据)
  • 新生自行购书政策导致了对课本的巨大需求
  • 每年的毕业生都需要清空自己的宿舍
  • 每个大学生都会有闲置的东西(自行车、旧手机等)
  • 他们需要一个可信赖的交易平台(所以我们的网站只针对校内)

综上,大学生对二手闲置品的交易有着不可小觑的需求,并且大有挖掘的潜力。其余我们该做的,就是把视觉、交互、用户体验都提上去,这是产品的后续动力。

我宁愿伪善一些,少谈或者不去谈这些这么空话,踏踏实实地做。万一支撑不下去了?关掉呗。

开发历程

我主要负责视觉和前端,使用了 Bootstrap 作为前台框架 。@Tsu翼basa 负责后台,采用基于 PHP 语言的 ThinkPHP 框架来搭建网站。开发流程比较简单:需求分析(头脑风暴)——功能分析(做减法)——视觉、交互设计(配色、风格、架构、交互等)——评审讨论,进一步修改——前端网页编写(兼容性妥协)——后端开发

整个流程下来没有停止过讨论与修改,考虑的角度由局部和狭隘逐渐变得整体而全面;由纯技术导向转到产品或用户导向的道路上来;往最坏的角度和情况里想,逐渐优化网站性能和安全性(在上线后才深知远远不够);对于前端来说,即想给同学展示体验更好的效果,又不得不在不同浏览器的兼容性中作出妥协,虽然遗憾,但是也算应对良好,体态轻盈。

期间也不乏和@Tsu翼basa 的讨论和争论,却总能保持沟通氛围和谐,对事不对人,充分理性,互相尊重,这是我一直很推崇和高兴的事。两个人的搭配把沟通成本降到了最低,工作效率也大大提高了,同时也感谢 GitHub 这个伟大的产品,好用而人性化,程序员岂有不用之理?

网站有什么不同?

从目前收集到的反馈来说,「小清新」「简洁简单」「漂亮」这些词是我听到最多的,这也就达到我当时设计的目的。其中「这网站太简单了」是我觉得最骄傲的评价。

在设计前期参考了不少其他的二手网站/论坛,几乎没有一个在视觉上是感到舒服的(更别说体验了),大多都以论坛形式搭建,要不就广告横飞,叫人一肚子气。所以当时对网站的定位就是有校园感但不要有学生气,更别看起来像学生作品(虽然后来还是被人说了),清新自然,操作简单无需多想。

「闲置品交易」,通过关键词联想可得:二手、收纳箱、纸箱、货运、杂物、堆积、储物室、地下室、荒置、灰尘、蜘蛛网、跳蚤市场、淘宝街 等,所以 Logo 采用了一个纸箱装着个地球(网上找的,囧),为了显得不那么学生气,尽量减少不必要的图案素材等。与传统的论坛式的二手闲置品交易平台的冷冰冰缺乏人性关怀的快速兜售模式相比,理想的网站意在营造的氛围主要是温馨与舒服,以及良好的用户感受和体验。

网站的风格定位是简洁、素雅、清新。所以用色偏素(小清新的必备元素之一)。意在引导用户操作的元素则使用对比度高的色彩(如发布按钮),网站在用色方面也形成统一,初版设计采用了绿色为突出色调。同时,为了保证网站的简洁小巧,在设计的时候采用了 bootstrap 框架的 940px 栅格系统,争取做到内容集中,一目了然。细腻与质感得益于 bootstrap 的 UI 组件,高光阴影渐变 hover 效果等视觉体验很舒服。
个人主页中的空白处添加了操作流程示例,增加代入感,为每个操作都留下后路,减少失落感。当然这是后来 @-DX-翔翔同学的提得好建议。

之所以网站需要显得庄重(专业),是因为网站需要学生的信息(学号、邮箱等)。如果想让学生信任你,首先需要在视觉上营造专业的氛围,各种细节都应该透露出网站的态度,同时在注册时也需要强化网站是基于校内的安全可信赖平台。

还有什么不同?

  • 微博、微信公众平台
  • 根据学生设置的兴趣分类定期推送邮件(可关闭)
  • 引入「热门推荐」「猜你喜欢」等个性化算法

分享闲置品到微博、发布商品可同步至微博、官方微博定期推荐闲置品、微信公众平台可以通过关键词来搜索相关闲置品。

推广与运营

当一个网站做出来之后,仅仅只是完成了50%的工作,后面的50%才是网站能否继续发展下去的核心。

首先是网站首批内容的创建,深受纯银老师三篇产品巨作的影响(「显性内容决定论」「显性内容决定论·续」「UGC如何建立内容秩序」),在网站冷启动初期,我们尝试着去寻找了周边的同学,热衷于二手交易的种子用户(寻找渠道不多)来进行内测,严格要求每个用户将资料填写完整、上传头像、发布商品的图片要多而且要好看,甚至我们愿意为他们拍摄图片,积极地在商品下评论,营造一种互动的氛围。同时开辟「热门推荐」板块,将优质内容提到最前面显示,隐藏不受欢迎的商品等。

网站上线才几天,虽然无法确定上述做法的量化效果,不过在引导用户方面我感觉还是很有作用的。

随后,团队的另一位成员 @CLeee 开始介入宣传工作,联系了模特后在大学城拍了宣传照片,并放在微博、微博封面图和网站Banner中,效果也非常不错,再次对她表示感谢。

当首批内容和前期宣传筹备好了之后,28号便开始宣传,时间选择8、9点,以便让宣传的余热可以延续一整天。下面是具体的操作:

  • 在学校的二手论坛上发帖(数次惨遭删帖,全部帖子几分钟后沦陷)
  • QQ群(承受着被人骂的风险,还好文案都还算感人)
  • 豆瓣小组(毫无效果)
  • 重头戏:微博(这里引入的流量占了90%,社交关系转发、老师转发、广工说说树洞、没有其他草根或者官方微博大号转发)

好吧,几乎都是线上宣传,因为精力人力财力有限,海报就减掉了。不过即使在各种方式不尽如人意的情况下,结果还是差强人意的。

成果:首天PV达8000,新增用户达到70,新增商品20件。后两天总PV也有 6000左右,新增用户40个左右,新增商品有70个左右。

结论:前期宣传推广不够猛,后期余劲延续不久,不算满意。接下来还会继续采取其他方式宣传。

– update: 2013–4-19–
在 @谁叫张马克的组织下我们还是进行了线下的宣传,措施就是在学校的黑板上写宣传文案,以及在饭堂的桌子上贴广告:


– 原谅我丑陋的字体…


关于传统方式的宣传,一开始我和 @Tsu翼basa 是不太喜欢的,因为效果不明显(更主要的原因是我俩比较羞怯,哈哈),但是这是一个很不错的尝试。这种方式的成效会比较温和,时间长,而且难以量化,不过我们相信肯定比没做要好很多,感谢 @谁叫张马克的推动和参与。

随后到了一个比较关键的阶段,如何保持网站的活跃率和曝光度?

毕竟闲置品交易不是一个每个人都有需求、且需求也不是太大的东西,如果想要让网站健康稳健的运营下去,就需要扩大用户基数,更多的人知道了,就会引发更多的需求和供应,如此才可保证网站的正常运作。于是 @谁叫张马克开始私信校内机构与社团、草根微博大号等,寻求转发和宣传,最终感动了两个微博(飘香BBS 和 广东工业大学GDUTOL)转发,在此也感谢你们。

接下来还会做什么? 付费转发。为谋宣传,不择手段啊!! 还有和其他机构合作,比如不久之后可能会有「图书漂流」板块。

小插曲

  • 花了一百多银子找人协助备案
  • 新浪微博第三方开放平台申请被拒绝了三次
  • 服务器放在新浪SAE,目前为中级开发者,每月送10000云豆
  • 网站上线过程中团队出现了小风波,所幸大家目标一致,求同存异

关于新浪 SAE 的种种

  • 优点
    • 空间大(一个应用可以有10个storage,相当于100G)
    • 国内主机,速度快(备案网站比较有保障,否则会比较不稳定)
  • 缺点
    • 各种限额,各种管制
    • 文档少,API只是简单封装PHP原生函数
    • 经常性故障,无预警,无反馈
    • 绑定域名复杂
    • 移植成本高

有什么收获?

1、专注

一个近乎完美的产品就可以把一个人或者整个团队的精力都耗光了,假如想同时做多个产品,不够安分,那么很多情况下只能失败。

2、合作

①永远不要单打独斗,因为两人或多人合作可以学习到很多你没有接触过的知识、想法、见解;②永远不要自己琢磨完所有事情,多询问,多讨论,可以得到意想不到的结果,也能够证实之前你的想法有多么不成熟;③放心地把事情交给他人,什么事情都想自己做,是一种没有安全感或者对他们不自信的表现,不仅让自己难受,也是对他们的一种不尊重。

3、妥协

在多方面因素参杂的情况下,必须做出最合适的决定,尽管可能会损伤某方面的利益。比如说宣传的时候因为人力精力和财力缺少了线下宣传也算是遗憾;又比如网站的兼容性问题,既然无法做到全平台都统一,那不如在保证可用性的前提下,针对不同平台做出优化,让用户在不同平台上有不同的体验,这也算是我对「兼容性」的新理解。

要有完美倾向,但切忌完美主义,没有任何事物是完美的,所以只能追求完美,而完美的产品并非闭门造车做出来,而需要不断的接收反馈、快速迭代。所谓「天下武功,唯快不破」。

4、学习

多记录,勤记录。把想法、执行和沟通过程都记录下来。只有记录,才能够重新审视,从而进行反思、总结。在合作的过程中发现自己的缺点和不足(控制欲太强),并努力改进。

5、项目管理

适度设置阶段性目标和 Deadline,否则在无压力或者无显性压力的情况下,项目会越拖越久。

6、讨论

诉诸理性,对事不对人,努力调节讨论氛围,引导讨论进度。
光谈想法没有用,关键是带着去做的思路来思考方案,从多方面衡量想法的可行性,要么把方案制定详细,要么在衡量中否定这个想法。

7、建议

不忽视周围的每个能提意见的人(师兄、朋友、师弟、社交网络)既要虚心受教,在某些方面也得死不悔改。
对于新的功能、提议,潜意识里要拒绝,产品不可避免会越做越大,但是小而美才有特色,善于做减法。

8、合作

拥抱变革,和喜欢的人合作,相互学习、资源整合、优势互补。


洋洋洒洒写下来,很多观念还很生涩幼稚,权当记录,他日重看必定充满乐趣。

链接分享