是不是只有我能唤醒余文乐?

2018-04-13 11:37:00
admin
原创
211
爱奇艺:是不是只有我能唤醒余文乐?你来试试?


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

识别图中二维码

是不是只有我能唤醒余文乐?你来试试?-查阅二维码

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


案例:是不是只有我能唤醒余文乐?你来试试?

出品:爱奇艺

亮点:

  1. 策划上,视频类+脑洞游戏类H5。加载完成后点击播放按钮,进入一段视频——杀死卫斯理,视频女主收到一条命令,杀掉卫斯理。然后,卫斯理死了,额,死了...情节发生转变,有一种古老的神秘力量可以唤醒他,点击“开始寻找”按钮,进入第二部分,根据提示完成脑洞游戏,共有4关,即寻找古盒、打开古盒、合上电闸、大声呼喊道100分贝(哈哈,有没有上当!那样根本不管用的)。操作完成,卫斯理复活,进入做后一页,显示该H5想要的主要内容:冒险王卫斯理之支离人4月9日起爱奇艺播放。
  2. 设计上,开头的视频内容,讲述了故事的起因,把用户代入游戏所营造的环境中;脑洞游戏部分,各种套路,非常理的操作,给人印象深刻;操作提示则是显示电视剧海报3秒钟,露出品牌起到宣传的效果。
  3. 交互上,点击屏幕+旋转手机+滑动屏幕。
  4. 技术上,使用js插件实现了测试环节滑动屏幕,显示古盒的效果。
  5. 体验上,整个内容环环相扣,视频交代起因,回答问题完成解救,结构上比较完整;游戏脑洞很大,又与主题内容相关,让人印象深刻。
  6. 答案:第一关,滑动指定区域页面;第二关,向左滑动页面;第三关,将手机倒过来;第四关,将数字“100”拖到“分贝值:”后边。



技术实现: js