Biotherm 碧欧泉：碧欧泉×彭于晏需要你的帮助

2016-07-07 H5案例分享 H5案例分享

案例：碧欧泉×彭于晏需要你的帮助

出品：Biotherm 碧欧泉

亮点：

策划上，视频类。开头一段视频，内容是彭于晏真正找人并问“你可不可以帮我找到她“，用户通过点击“我来帮你”来观看线索视频，点击“更多线索”来看其他的视频，收集齐四个线索后，即可参与抽奖。
设计上，loading页天蓝纯色背景，让人非常舒服，视频也很干净，视频之中还制造了与用户的简单交互。
体验上，主观上，小编觉得彭于晏很帅，帅到让我不会去想这个H5的不足之处。不过，冷静下来从客观角度看，还是有些值得注意和提升的地方：1.刚进入上方会有很大几率出现一行色格，上下翻转手机或者刷新才有可能消失。2.既然视频自动播放，就应该尽量想办法不让用户觉得这是个视频，将播放按钮隐藏起来，不然看的时候各种犯尴尬癌。3.视频中和用户交互方面有些生硬，不够流畅。

技术实现： jQuery + Zepto + CSS3(Animation)

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

识别图中二维码

碧欧泉×彭于晏需要你的帮助-查阅二维码

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

标签