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

2017-11-29 H5案例分享 H5案例分享

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

识别图中二维码

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

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

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

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

亮点：

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

技术实现： Zepto + CreateJS

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

标签