滴滴出行：人类出行简史
案例：人类出行简史
出品：滴滴出行
亮点：
- 策划上，视频类。滴滴出行的品牌推广。横屏形式，Loading时提示“建议锁屏观看”，加载完毕进入案例，首屏点击“好戏开场”开始播放视频。视频以恶搞名画，让其动起来，再加以嘻哈歌剧BGM随时切换的形式，讲述“自古以来”人们出行方式的变化，除了名画自身人物，开心麻花的常远和韩云云也参与其中。视频播放完毕，结尾页可以“复习知识点”重新观看，或“分享知识点”。
- 设计上，首屏带有复古味（这里有个小细节就是表中的时间就是显示时间）。视频中则直接将名画背景作为了背景，艺术气息十足。画面人物与名画人物的结合很自然，面部表情设置了多角度，并且一直在变换，不是一个表情走到尾，看上去相当精致。背景音乐有两首，一首freestyle一首歌剧，用户可以通过点击右上角的按钮来切换。
- 体验上，案例本身就很魔性，开心麻花演员的加入使得案例趣味性更升一级。案例中设置了很多细节，来展示滴滴自身的特点，比如代驾、专车、敬老车、顺风车等。然而小五第一遍看时，注意力只在名画、开心麻花、滴滴与BGM上，而对于滴滴所提供的服务并没有太注意。案例加载速度不错，网络条件正常时能正常观看，但为了保证加载速度，而牺牲了画质，在小五看来有点得不偿失。视频是1分41秒，而体积是5M，在手机端画质就已经有所折扣。加载速度确实因此得以保障，但在最近网络条件日益变好，流量更是各种送送送，甚至用不完的情况下，保证一下视频的清晰度还是可行的。也可以试试准备两个视频，一个保证清晰度，一个保证加载速度，判断用户如果身处wifi环境，则播放高清的，如果网络条件不好，则播放另一个。快夸小五聪明嘿嘿嘿嘿~
技术实现： Zepto +Video(视频)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
