Tmall 天猫：2018春运装腔指南
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例：2018春运装腔指南
出品：Tmall 天猫
亮点：
- 策划上，视频类H5案例。Loading完毕，视频自动播放。共6个视频，第一个讲述为了能让旅客扛着行李也能帅起来，特地送上这份《装腔指南》。接下来的4个视频，即指南的前4章节，每个章节选了一位旅客作为示范，讲述在“检票口”、“车厢内”等不同场景下的装腔攻略。而最后一个视频，即第5章节，旅客以最终BOSS的即视感登场，讲述耍帅技能的终极法则——“让心意比自己先到”，由此过渡到“让心意先到家”和“今年空手回家”的活动slogan，同时引出活动“天猫年货节”。结尾也可以点击底部按钮再看一遍。
- 设计上，漫画风格，日漫和美漫的风格都能见到，手法超级无敌夸张，背景循环放着耳熟能详的《Happy New Year》旋律，配合旁白男声一本正经而又“激情澎湃”的讲述，整体调调真的非常魔性，表现力给满分。
- 体验上，前4个旅客真的一个比一个能装帅，让小五这么走路带风的人都感觉瑟瑟发抖，最后大BOSS出场的时候更是，就如同香克斯开霸王色霸气登上白胡子的船那一段，帅得掉渣… 咳咳咳，其实吧，小五是从头笑着看完的哈哈哈哈哈，真的太逗了，想象一下，如果真的在那些场景下做出这些动作，旁边人可能第一反应会认定你是神经病。看完案例真的印象很深刻了，原来再好的装帅方式，都比不上“让心意先到家”。视频之间以点击来承接过渡，不至于让用户觉得内容过长而产生枯燥感，并且将背景音乐从视频中提了出来循环播放，并且在某一段视频结束提示点击的时候，视频结尾处的动画也会以序列帧的形式循环播放，从而不让画面失去活力。
技术实现： Egret (白鹭引擎)
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
