【分享】母亲节H5，第一次做全画幅场景喜与悲

大家好，我是木由先生。"木由MOVEU"品牌使用有赞差不多一年时间了，第一次发分享，希望跟大家一起交流学习（大神们别喷啊~）。

这次分享的是我第一次用有赞的全画幅场景功能来实现母亲节H5，过程和结果是有喜有悲啊。还是先看再吐槽吧~

▼点击下图查看


▼扫码查看


其实，五一前就有制作母亲节H5的想，出发点是想通过H5的推广来做活动的。但是五一贪玩，回来晚了，耽误了时间，为了应急就砍掉活动，只做一个H5。

策划目的
1、玩一下全画幅场景的功能
2、测试粉丝对H5的形式喜爱程度
3、测试H5引导关注效果如何
4、顺便扩散品牌，或产生交易


先把结论总结一下吧1、有赞的全画幅场景功能，简单易操作，还是比较好用的。不过反映一个问题，在实现文字动画的时候，导入的图片在预览中不能正常尺寸的显示，需要缩小在调整问题。
2、收到H5的朋友，喜爱程度还是不错，都是好评吧，我也小小膨胀了一下，以后可以多试试~。

3、引导关注效果不佳。主要是由于朋友圈转发BUG，导致H5没被扩散出去，再加上推的时间也比较晚，没有二次转发。（详情见后文）
4、因为转发效果不好，扩散的不好，但有老用户的交易。


如何操作？
由于时间原因，这个母亲节H5的制作，只用了6个小时，从头到尾是我一个人完成，所以，可以针对从无到有的制作过程跟大家分享一下（主要是惨痛的经历，觉得无趣的直接PASS吧，只看H5就好~）。
1、前期策划。
由于木由MOVEU是定制护肤的品牌，护肤怎么跟母亲结合呢？其实很多活动是可以做的，分享与母亲的合照，对母亲表白，等等，这些之前都有考虑过，但是前提是时间不够，就不做活动了，直接做个H5来扩散一下。护肤=美丽，于是，我就想表达母亲从我出生到我30岁的过程，母亲从美丽到苍老。将美丽和木由MOVEU品牌联系起来。于是设定了主题“把美丽献给母亲”，然后绞尽脑汁的写了几句诗，1岁，10岁，20岁，30岁...（若想看我作诗水平如何，扫码查看啊~欢迎吐槽）

2、设计制作。
策划好设计思路，就考虑怎么实现了。短时间内我能想到的实现方案就两种，①真实图片+文字，②四格漫画的形式。方案①可操作性比较强，图片比较容易找到，但是会缺乏特色。方案②形式比较新颖，但是卡通素材是难点，毕竟画画不是我长项。于是先按方案①去找素材了，意外中找到一张自我感觉不错的卡通，然后各种刨根寻底的找到出处，意外收获，能找到一组卡通哦~，立即改变作战方案。将卡通拼凑修改成自己先要的效果，再对应到诗句上。雏形有了，然后就设计成有赞支持的1010像素的图片，效果图输出一份，留着朋友圈发图使用。另外将图和文字分开，实现简单动画，不至于单调。然后就是进入到有赞全画幅场景的制作了，这个就PASS啦，很多大神都讲过了。本来计划做一些星星，月亮，热气球的小动画来锦上添花的，时间原因放弃了。最后在找一首温馨的背景音，就OK啦~

3、发布推广。依次朋友圈，公众号，微社区。这个过程是最曲折的了，说多都是泪啊。

首先，微信朋友圈推广。
主号微信是由一位辣妈级的同事打理，有3000左右的好友。由于，我制作完母亲节H5已经是母亲节当天的凌晨5点...于是将成果转发给主号微信，让主号早上醒来转发，然后就睡了。一觉醒来11点了，主号同事说10点已经转发了，然后我就掉以轻心了，没有查看并确认是否转发成功，于是就酿成了这次悲剧。（欲知详情，继续看）

11点多，我个人微信号也发了两条朋友圈，一条图文，H5的文字连接附上截图，一条直接转发。为什么分开两条?很多朋友都知道，转发和图片是不能同时的。我希望能让人第一时间被卡通漫画吸引然后，点击文字链接或者第二条的转发进入H5。这里说3个细节，①H5的链接，我采用了短连，既防止链接过长造成反感，又能减少总文字的长度。②8张H5的效果图放到朋友圈后，卡通画正好充分显示，这是我在设计的时候故意为之。③图片共9张，8张卡通画，1张logo，这不是我故意的，诗句正好对应了8张，那多一张的位置，干脆就补一张logo了，并且logo还挺高大上的。于是乎整体效果更好了。


到了中午，主号的同事说转发的母亲节H5竟然没有一个评论没有一个赞，不合理啊，平时随便发个什么都有人响应的啊。而我的第一条图文有一些赞和评论，第二条转发也是没任何反应，可能是看过第一条图文的朋友就不用再评论第二条了吧，再加上我的好友不多，而且母亲节都过一半，朋友的朋友圈已经被沙画之类的给刷过几遍。。。然后我又无视了。。。只怪自己偷懒，没早点做好发布。

其次，公众号推广

朋友圈的转发效果甚微，到下午看有赞数据，才40多UV，郁闷死，我辛辛苦苦的通宵杰作啊。。。本来没有计划用公众号来推广的，因为服务号一个月才4次，已经计划好了这4次要用到新品发布，520活动什么的，要省着用。见母亲节H5推广效果不好，于是，临时决定发公众号。于是用服务号和订阅号分别发布一条，两个号的粉丝也不多。晚上再看数据，UV也才100左右。


最后，微社区

到晚上11点，数据基本没啥进展了，母亲节就要这样过了，精心准备的母亲节H5也就只能这样收场了。于是，按照惯例，把活动或者品牌发展历程记录到微社区中。利用微社记录的几个好处：①方便记录品牌的发展历程，②记录活动形式和反馈，方便以后复用，③长线的展示和互动，方便日后粉丝进入了解品牌成长。


当我准备把朋友圈的图片转发到微社区的时候，翻查主号朋友圈，突然发现，主号转发的那一条怎么没有？顿时，恍然大悟，转发的H5只有自己看到，好友完全没看到啊。。。难怪，然后确认我个人发的别人也看不到。。。推测出现这种问题的可能性，1、微信这个时段出BUG了，不能转发朋友圈，2、有赞出现问题，不能直接转发。这个严重的问题，导致了这次推广的悲剧。不知道当天是否有朋友越到和我一样的遭遇。




发现这个问题之后，立即让主号再转发一次H5，这次确认是成功了，此时也已经过了12点了，但是数据方面立刻就有反映了，半个小时达到200多UV，并且都觉得H5做的很棒。哎，如果当天的转发正常，相信会有更多的转发，访问量会更好了。



不知不觉吐槽了这么多了。。。看到这里的朋友，十分感谢。这次H5的制作，算是有喜有悲啦，有什么好的建议，请大家赐教，谢谢~

请问图片是楼主自己制作的还是网络找的！

木由先生 发表于 2015-5-19 09:12
是的，图片，有赞的画幅场景还是相对简单的，动画效果也很少，如果要更复杂的效果的话，还是换用其他的工 ...

感谢楼主的分享

不过反映一个问题，“在实现文字动画的时候，导入的图片在预览中不能正常尺寸的显示，需要缩小在调整问题。”这个问题你是怎么解决的，我是拿设计师给到的640*1010像素，200k以内的设计图上传上去，图片信息显示不全

SSD杨 发表于 2015-5-19 12:15
不过反映一个问题，“在实现文字动画的时候，导入的图片在预览中不能正常尺寸的显示，需要缩小在调整问题。 ...

现实不全倒是没有，只是显示的图片尺寸不是原来的尺寸。我最近发现在预览区域的图片尺寸要设置成原来尺寸的一半，这样显示就会比较接近了。你看看是不是这个问题，把尺寸参数缩小一半。

木由先生 发表于 2015-5-19 13:21
现实不全倒是没有，只是显示的图片尺寸不是原来的尺寸。我最近发现在预览区域的图片尺寸要设置成原来尺寸 ...

好的  我尝试设置一下  谢谢您