Jissbon 杰士邦：每一段青春，都是限量版
案例：每一段青春，都是限量版
出品：Jissbon 杰士邦
亮点：
- 策划上，视频类H5。Loading完毕，首屏便是冯唐的《春风十里不如你》书封面，书中有四个书签，每个书签都带有一个小故事，用户点击书签时，对应的小故事就会以视频的形式展现，每个故事的最后，都留给用户二选一，要么主动出击，不留遗憾，要么进行下一篇故事。结尾页露出产品“JISSBON×冯唐 杰士邦ZERO零感青春限量版”，用户可以点击“珍藏青春”跳转活动页面，或点击“回忆青春”去看别的书签故事。
- 设计上，二次元动漫风格的画面，界面中淡粉色和白色充当主色调，视频则以故事场景切换而有所不同，但总体给人的感觉就是青涩、唯美，有种青春期躁动的感觉，荷尔蒙满满。
- 体验上，看到网上有人评价冯唐“一个带着荷尔蒙行走的疯和尚癫道人”，小五还没有拜读过他的作品，但感觉这支H5无论从细腻的画风，青涩的故事，还是唯美的背景音乐，都将“青春”与“荷尔蒙”很好地表达了出来。唯一让小五感觉揪心的，就是当选择大胆出击后，本以为会有更进一步的故事发展，结果直接跳进结尾页露出“杰士邦”，虽然留给了人无限的遐想，但同时难免有点让人失望，有种“好人没有做到底”的感觉哈哈哈哈！
技术实现： Hammer.js + jQuery + PreloadJS
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
