腾讯视频:你的100小时使用说明

腾讯视频:你的100小时使用说明_第1张图片

案例分析链接:http://v.qq.com/coc/h5music/kaihuo/

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

案例:你的100小时使用说明

出品:腾讯视频

亮点:

1. 创意策划上

围绕“你的100小时使用说明”,100小时=4.166666667天。通过5个问题,每个问题3个选项,根据选择,生成一张你的100小时使用说明海报。


2. 设计上

大胆的用色,2.5D的感觉。


3. 技术上

5个问题放在视频里,用户点击切换的动效也是在同一个视频中实现。每切换到一个问题,视频暂停,用户点选后,视频继续播放。


4. 体验上

被100小时使用说明所吸引,喜欢最后海报中的那句任性不认命。



技术实现: zepto + canvas2image

腾讯视频:你的100小时使用说明_第2张图片

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

你可能感兴趣的:(腾讯视频:你的100小时使用说明)