人人贷:收到这个礼物都会变有钱

2018-01-23 H5案例分享 H5案例分享
人人贷:收到这个礼物都会变有钱


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

识别图中二维码

收到这个礼物都会变有钱-查阅二维码

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


案例:收到这个礼物都会变有钱

出品:人人贷

亮点:

  1. 策划上,音频合成+视频MV。Loading完毕,首屏提示收到一份“人人包裹”,需要用户输入姓名,再确认签收。用户输入名字,点击“确认签收”后,画面会变成横屏,但需要用户锁屏之后横屏观看。此处提示“点击打开看看”,点击之后快递会打开,播放第一个视频的前半部分&音频,音频部分除了预设的话语,还会念出用户输入的名字。接着提示摇晃手机播放视频的后半部分,后半部分是毛不易对用户送出的祝福,第一个视频结束,提示点击按钮,听毛不易唱给你的歌。

 

点击播放按钮之后,播放第二个视频,视频为毛不易与人人贷合作的改编歌曲《如果有一天我变得很有钱》,歌曲旋律为原曲没有变,但歌词为“人人贷”版,同时配上了很有意思的MV画面。视频结束,结尾页露出slogan“来人人贷理财囤年货,轻松变有钱”,底部有两个按钮,“把礼物寄给大家看”提示分享,“去人人贷囤iPhoneX”跳转至活动页。

 

  1. 设计上,前半部分写实风格,整体感觉非常精致、文艺,动画效果也很细腻。后半部分,即视频MV是漫画风格,画面内容与歌词相符,用了不少夸张的手法来提升对歌词的印象。人人贷的品牌明显露出,也是放在了MV的后半段,衔接得很流畅不生硬。

 

  1. 体验上,整体上,小五觉得这个H5内容丰富、有趣。此H5是竖屏转横屏播放,交互包括了点击、手机摇一摇等方式,还调用了语音接口叫出用户的名字,来提升参与感。歌曲部分虽然反复强调了“变有钱”这三个字,但跟以往的魔性MV不同,这首听上去倒是很轻松很舒服,小五因此还去查了这首歌的出处,发现是毛不易《如果有一天我变得很有钱》歌词改编版。



技术实现: jQuery + Video(视频)



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

中国建设银行:平衡,不平凡

京东:你能为你的爱豆坚持几秒

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~