腾讯公益：99公益，一起爱

2016-09-09 H5案例分享 H5案例分享

案例：99公益，一起爱

出品：腾讯公益

亮点：

策划上：动画+公益宣传类。①载入完毕，模拟了iPhone锁屏界面，收到一条消息。②点击或滑动来解锁，进入一个聊天群，但此时小主角会被“同城交友”群踢出。③接下来小主角在微信界面向下走，会遇到心肠不好的人，也会遇到需要帮助的儿童和抗战老兵。④一行人加入99公益群，群里的人对他们进行捐助、合影并发到朋友圈。⑤最后一页跳到爱心捐助页面，点击可以跳转到外部链接，并捐助需要帮助的人。
设计上：①人物形象是以多种类似Emoji的表情符号来刻画；②开头模拟了iPhone锁屏界面，中间部分模拟微信界面作为背景；③整个动画表现力超强，效果超棒，有头有尾很完整，小编给99个赞；④音乐与故事很搭，有很强的代入感，一下子就能抓住人的情绪，让情绪随着故事的发展而起伏。
体验上：除了加载速度稍微长了些，其他部分用最近流行的一句话来说——挺一般的，小编也就看了一上午而已。小编认为公益最重要的就是打动人，让人产生共鸣，来让人参与。我觉得这个H5做到了，并且做得超级棒。

技术实现： CreateJS

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

99公益，一起爱-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签