腾讯视频×云视听极光：如懿传冷宫PK赛

2018-10-18 H5案例分享 H5案例分享

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

识别图中二维码

如懿传冷宫PK赛-查阅二维码

完整欣赏此案例大约需要48秒

案例：如懿传冷宫PK赛

出品：腾讯视频×云视听极光

亮点：

创意定位：由腾讯视频和云视听极光推出的如懿传冷宫PK赛h5，利用“打地鼠”的游戏形式与如懿传IP进行结合，有较强的趣味性，同时给观众一个情绪出口。
策划上，该H5采用小游戏+PK排行作为主要的吸引点，用户可以从排行榜中任意挑选某个剧中角色进行PK，PK采用“打地鼠”形式，游戏结果为“把**打入冷宫成功/失败”，若成功则对应PK人物排行数据+1。同时长按可保存PK结果，生成二维码以形成闭环。
设计上，正遇视觉同学休假，交互同学义不容辞帮忙揽下了视觉活，所以整体页面不够精美，但。。你看那可爱的表情包们，是交互同学呕心沥血一个个抠出来的啊！
体验上，在微信场景用户以自己的身份（活动直接拉用户微信头像，无需用户输入名称）和剧中人物进行PK，带入感较强。

技术实现：主要使用了vue.js作为基础框架，动画效果依托于vue.js提供的transition过度

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

标签