QQ阅读：《青云志》现场独家探班

2016-11-18 H5案例分享 H5案例分享

案例：《青云志》现场独家探班

出品：QQ阅读

亮点：

策划上，交互视频+图文展示。进入页面，画面是《青云志》的剧照海报，点击底部引导按钮进入下页，是李易峰对大家说话的视频，但中途会卡住，点击嘴唇“送他个亲亲”视频继续播放，还可以观看“碧瑶”和“陆雪琪”的视频，播放过后，是“QQ阅读”的模拟界面，再点击进入最后一页，用户可以点击“下载QQ阅读去投票”。
设计上，视频交互部分的设计很有趣，嘴唇、腮红、梳子，还有弹幕作伴，整体虽然有点生硬，但莫名戳中笑点。
体验上，碧瑶和陆雪琪的视频，看完一个，就直接进入最后了，想看另外一个人的，就必须再重进一次，体验不是很好。李易峰部分，嘴唇的点击，点了半天并没有反应，乱点了一通才点进去，交互的引导做得并不是很好，而且感觉这个交互并没有改变什么，因此虽然有交互，但并没有参与感。

技术实现： CreateJS + Zepto

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

识别图中二维码

《青云志》现场独家探班-查阅二维码

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

标签