cover_image

90 天 300 万新用户,他们是如何做出这款小程序的?| 晓组织 #19

group小程序微信小程序电商电商小程序购物晓组织女装消费王飞蘑菇街蘑菇街女装
知晓程序

<p><img class="alignnone size-full wp-image-903773" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/09/mogujie1.jpg" alt="" width="1200" height="750" srcset="http://www.ifanr.com/wp-content/uploads/2017/09/mogujie1.jpg 1200w, http://www.ifanr.com/wp-content/uploads/2017/09/mogujie1-360x225.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/09/mogujie1-768x480.jpg 768w, http://www.ifanr.com/wp-content/uploads/2017/09/mogujie1-1024x640.jpg 1024w" sizes="(max-width: 1200px) 100vw, 1200px" /></p> <p><span style="color: #605eac;"><strong>知晓程序注:</strong></span></p> <p>「晓组织」是知晓程序推出的全新栏目。</p> <p>每周,我们都会邀请优秀的小程序开发者,从产品/开发/运营等角度,分享他的小程序实战经验。如果你想成为「晓组织」的一员,请发送邮件至 <span style="color: #605eac;"><a style="color: #605eac;" href="http://bigbang@ifanr.com">bigbang@ifanr.com </a></span>给我们投稿,献上你的投名状。</p> <hr /> <p><strong>这里是「晓组织」的第 <span style="color: #605eac;">19</span> 期。</strong></p> <p>在 6 月 23 号,一个美好的周五夜晚,很多朋友应该都开开心心地去约会,去开趴了。</p> <p>但有一批人,却在紧张的忙碌着……小程序的发布上线。而这帮人,就是「蘑菇街女装精选」小程序的开发团队。</p> <p><img class="alignnone size-full wp-image-903702" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/09/image-4.jpeg" alt="" width="1000" height="750" srcset="http://www.ifanr.com/wp-content/uploads/2017/09/image-4.jpeg 1000w, http://www.ifanr.com/wp-content/uploads/2017/09/image-4-360x270.jpeg 360w, http://www.ifanr.com/wp-content/uploads/2017/09/image-4-768x576.jpeg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p>我是「蘑菇街女装精选」小程序的王飞,2017 年 5 月底,我们就启动了小程序项目。</p> <p>我们从蘑菇街已有的团队中,抽调了部分人手来支持设计和开发,在不到一个月的时间里,完成了整个电商小程序的开发上线。</p> <h3><span style="color: #605eac;">想成为妹子买衣服的第一选择</span></h3> <p><strong>蘑菇街是一个专注于时尚女性消费者的电商平台</strong>,而「蘑菇街女装精选」小程序,则是我们在微信生态下开展业务的有效补充。</p> <p>在这里,我们为年轻爱美的女性提供了涵盖服装、配饰、鞋包、美妆、家居、百货、食品、数码等全品类的商品。</p> <p><img class="alignnone size-full wp-image-903734" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/09/Image-2-1.jpeg" alt="" width="1000" height="882" srcset="http://www.ifanr.com/wp-content/uploads/2017/09/Image-2-1.jpeg 1000w, http://www.ifanr.com/wp-content/uploads/2017/09/Image-2-1-360x318.jpeg 360w, http://www.ifanr.com/wp-content/uploads/2017/09/Image-2-1-768x677.jpeg 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p> <p>其中,<strong>女装作为我们最核心的类目,力求成为年轻姑娘们购买衣服时的第一选择。</strong></p> <p><img class="size-full wp-image-903736 aligncenter" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/09/mogujie.jpg" alt="" width="800" height="410" srcset="http://www.ifanr.com/wp-content/uploads/2017/09/mogujie.jpg 800w, http://www.ifanr.com/wp-content/uploads/2017/09/mogujie-360x185.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/09/mogujie-768x394.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></p> <p style="text-align: center;"><span style="color: #808080;">「蘑菇街女装」小程序使用链接</span><br /> <a href="https://minapp.com/miniapp/3564/"><span style="color: #808080;">https://minapp.com/miniapp/3564/</span></a></p> <h3><span style="color: #605eac;">用户在哪里,生意就在哪里</span></h3> <p>微信小程序从 2017 年 1 月 9 号发布以后,就得到了行业里的高度关注,但很快又多多少少遭遇了些冷落。</p> <p>乐观的人,觉得小程序给创业者带来了一波新机会;悲观的人,觉得小程序对自己的 App 产品造成了冲击。</p> <p><strong>我们内部,其实也经历了从看不清到逐渐明白,再到坚定信心的一个过程。</strong></p> <p><strong>我们觉得不能忽视的是,微信这个超级 App 已经占据了大家太多的时间。</strong></p> <p>比如前段时间,互联网圈里有一股查看手机电量消耗排名的风潮,微信稳稳地占据绝大多数人的榜首。<strong>用户在哪里,生意就在哪里,这是亘古不变的真理。</strong></p> <p>另外一点就是,我们看到微信团队对小程序的投入,越来越多的能力逐步开放,这对我们这样的电商平台来说,小程序的很多能力,会带来运营方式和交易效率上的极大提升。</p> <h3><span style="color: #605eac;">做电商小程序,我们遇到的一些坑</span></h3> <p>小程序还是个新生的婴儿,很多基础能力并不是很完善。</p> <p>比如,我们在开发过程中就遇到了很多问题。</p> <h4>1. 5 级跳转问题</h4> <p>电商的交易链路是十分复杂的,有很多种页面类型,比如首页、活动页、列表页、商品详情页、下单页、付款完成页。这些还只是正向的交易流程。还有逆向交易流程,包括申请退款、查看退款进度、维权申诉等等。</p> <p>这些页面类型,导致了 5 级跳转无法满足用户完整的浏览体验。所以,我们产品经理同学一直在研究,如何在现有条件下解决用户体验和产品能力的矛盾。</p> <p>最终我们用「足迹」这种方式实现了过渡。</p> <h4>2. 客服组件问题</h4> <p>蘑菇街是一个电商平台,我们帮助卖货的商家和用户之间进行撮合交易,而在交易的过程中就需要客服咨询。</p> <p>这时候,又暴露了小程序基础组件的一个不完善点。</p> <p><strong>小程序现在提供的客服组件,只能实现企业对用户的客服互动,而无法实现我们这种平台上,商家对用户的点对点的互动。</strong></p> <p>于是,在这上面我们又跟微信的产品经理同学进行了多番的讨论,最终微信的同学也接纳了我们提供的产品方案,来优化小程序的客服组件。</p> <p>在 8 月底微信的新版客户端里,小程序客服组件已经实现了我们的需求。</p> <p>像以上这样的例子还有一些,在整个电商小程序的开发过程中,我们的产品和工程师同学与微信相关的同学,也都进行了一些深入的沟通讨论,最终都在一定程度上解决了眼前的问题。</p> <p>这里。也要借此机会向微信小程序团队致以谢意,有了他们的支持和帮助,我们才能在如此短的时间内上线一个完整的电商小程序。</p> <h3><span style="color: #605eac;">团队的一些小故事</span></h3> <p>我们整个小程序的开发是在广州完成的,就在微信办公室边上。</p> <p>大家每天起早贪黑赶进度。我们经常自嘲说,在广州的这几个月的时光就像「夏令营」一样,大家吃在一起,住在一起,一起为了同一个目标全力奋斗。</p> <p>临时被从各个部门调来的一批人,就这么同甘共苦,建立了深厚的革命友谊。像有些同学的生日在广州度过、有些同学的周年纪念日在广州度过,大家一起喝酒一起唱 K 一起吃麻小,真是一段难忘的经历。</p> <h3><span style="color: #605eac;">对小程序的未来计划</span></h3> <p>其实就像前面所说的,<strong>我们对于小程序是非常有信心的,必定会倾力去做。</strong></p> <p>在 8 月 22 日的微信公开课上,我分享了「蘑菇街女装精选」的一组惊数据:</p> <blockquote><p>一个小程序,购买转化率是App内的2倍;</p> <p>一个半月,新客数量突破300万;</p> <p>依靠拼团一个入口,吸引了7成以上的新用户。</p></blockquote> <p>通过对人、货、场三个因素的连接和探索,我们找到了「爆款」制造秘诀。</p> <p>现在,基础的开发工作已经基本完成,接下来就是不断地迭代,提升运营效率。<strong>同时,也会时刻关注微信的新动向,将微信开放出的新能力和我们的产品高效的结合,提升价值。</strong></p> <p><strong>当然也非常希望更多的团队、企业能加入到小程序的行列里来,因为只有生态繁荣起来,其中的创业者才能真正受益。</strong></p> <p>剧透下,我们最近又开发了一款新的小程序,将拼团这种电商玩法高效的利用起来,给广大的消费者提供物美价廉的百货类商品。</p> <p>下面是我们新的小程序的使用二维码,邀请知晓程序(微信号 zxcx0101)的读者们提前体验哦!</p> <p><img class="size-full wp-image-903820 aligncenter" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/09/qie.jpg" alt="" width="800" height="410" srcset="http://www.ifanr.com/wp-content/uploads/2017/09/qie.jpg 800w, http://www.ifanr.com/wp-content/uploads/2017/09/qie-360x185.jpg 360w, http://www.ifanr.com/wp-content/uploads/2017/09/qie-768x394.jpg 768w" sizes="(max-width: 800px) 100vw, 800px" /></p> <p style="text-align: center;"><span style="color: #808080;">「微信辟谣助手」小程序使用链接</span><br /> <a href="https://minapp.com/miniapp/4123/"><span style="color: #808080;">https://minapp.com/miniapp/4123/</span></a></p> <p><strong>关注「<span style="color: #605eac;">知晓程序</span>」公众号 👇</strong></p> <ul> <li>在微信后台回复「<span style="color: #605eac;"><b>晓组织</b></span>」,看厉害的人怎么做小程序<strong>。</strong></li> <li>在微信后台回复「<span style="color: #605eac;"><b>666</b></span>」,加入知晓开发联盟。</li> </ul> <p><img class="alignnone size-full wp-image-784874" src="http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/02/zxcx_0208.png" alt="zxcx_0208" width="1000" height="926" srcset="http://www.ifanr.com/wp-content/uploads/2017/02/zxcx_0208.png 1000w, http://www.ifanr.com/wp-content/uploads/2017/02/zxcx_0208-360x333.png 360w, http://www.ifanr.com/wp-content/uploads/2017/02/zxcx_0208-768x711.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></p>