QQ&&QQ运动：刚刚，狗（Pe）蛋（ter）离家出走了！

2018-02-22 H5案例分享 H5案例分享

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

识别图中二维码

刚刚，狗（Pe）蛋（ter）离家出走了！-查阅二维码

完整欣赏此案例大约需要3分钟

案例：刚刚，狗（Pe）蛋（ter）离家出走了！

出品：QQ&&QQ运动

亮点：

策划上，视频类。这是QQ为宣传大年初一到初三用步数换红包活动所打造的一款H5。Loading完毕，进入一段视频，视频从第一人的角度出发，讲述了狗（Pe）蛋（ter）被嫌弃占地，大年初一离家出走后…Peter决定去曾经的小学转转，却变成了大酒店，初恋小丽嫁给了曾经的鼻涕王；偶遇扔雪球的“傻大力”；小巷的墙上还留有曾经的画作；回到家，全家等着一起吃团圆饭。收到小伙伴的QQ信息，点来进入消息页面，抽取步数红包。

设计上，采用真实的视频场景，从第一人的视角出发，显示生活中很常见的现象，激动、欣喜、紧张…Peter的心情很容易的被用户感受到。
交互上，点击屏幕，视频播放，此H5的互动比较少。
体验上，小五体验过后，感觉画面很真实，感染力很强。画面中的场景，相信很多人都经历过，回家后父母亲人玩伴一句亲切的“狗蛋”、“二丫”，瞬间将人打回原形。童年，一段很美好的回忆，曾经的小伙伴，现在的好朋友，大家都还记得。过年回家，更多一次的团圆。

技术实现： zepto.js+video

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

标签