中信银行 | 信用卡 + QQ音乐:FM点歌台 - 感恩的告白

2017-11-29 H5案例分享 H5案例分享
中信银行 | 信用卡 + QQ音乐:FM点歌台 - 感恩的告白


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

识别图中二维码

FM点歌台 - 感恩的告白-查阅二维码

完整欣赏此案例大约需要1分32秒


案例:FM点歌台 - 感恩的告白

出品:中信银行 | 信用卡 + QQ音乐

亮点:

  1. 策划上,中信银行信用卡中心和QQ音乐联名信用卡申请的H5。首先点击联名信用卡,开启FM点歌台,开启一个叫阿信的JD自我介绍,点击屏幕下方,开始点歌,分了6组歌曲类别,有长情陪伴、冬日恋歌等等;点击进入以后,是歌单列表,选择其中的一首歌,会以你选择的歌曲为背景音乐播放,你可以重新选歌,也可以点击对TA说,点击对TA说,出现一个弹出层,允许输入60以内的字;确定以后,点击阿信卡通形象,会说出刚才你写出的话,点击确认按钮,就可以分享给好友了;分享好友以后,出现马上申请办理中信QQ音乐卡申请界面。
  2. 设计上,黑色大背景,配合粉色和紫色。整体扁平风格。



技术实现: Zepto + CreateJS



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

标签

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

相关推荐:

纪念碑谷+QQ音乐:纪念碑谷2音乐盒

中信银行:Fourteen,Fighting !

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~