Jissbon 杰士邦：杰士邦啪啪节
案例：杰士邦啪啪节
出品：Jissbon 杰士邦
亮点：
- 策划上，视频类。“杰士邦啪啪节”活动宣传。Loading完毕点击进入8月8日开始播放视频。视频设置了三个场景故事，在家玩游戏的宅男，在单位加班的上班族，和干躺在床上的情侣，每个场景中，用户都需要点击屏幕按钮，让这一天得以“正确打开”，至于打开后是什么样，小五就先不剧透了，嘿嘿嘿~故事播放完毕，用户可以选择跳转活动页面，或看下一个故事。结尾页可以点击“进入啪啪节”跳转活动页，或者“和朋友一起嗨啪”。
- 设计上，界面紫色为主色调，配以薄荷绿，并伴有霓虹灯的效果，让整体画面看上去十分魅惑。场景故事部分均为真人拍摄，并且每个故事，都会以上下屏的形式，展示正确打开与否的故事走向。
- 体验上，故事表现很夸张却又不尬，同时又莫名戳中笑点。视频整体清晰度很高，但这是拿大体积（6MB）换来的，也就是说如果网络条件不是很好，首次加载会很慢。然而，慢车快车，能驶向终点传达思想的都是好车…嘿嘿嘿，你甘心就这样度过那一天吗？要不要选择正确打开呢？
技术实现： TweenMax(动画框架) + Hammar.js + CreateJS + Video + Zepto
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
