H5案例|一上班就想飞,其实你是...
一、一上班就想飞,其实你是...
创意定位,利用测试答题的形式,结合唯美创意动画视频,让用户在交互过程中,参与互动,引起共鸣,最后引导参与百雀羚在618期间的活动。策划上,测试答题+精妙动画视频+生成海报。用唯美的视频动画,引入故事场景;答题部分,用户点击答题,触发视频动画进一步展开,4道题,极其绚丽;最后,让用户输入一个名字,生成一张与用户相关的结果图,并且带回流二维码。海报页,有分享和参与京东618活动入口。设计上,画面根据剧情,从喧嚣城市无趣的黑白灰,转入远离城市,动画采用实物+倒影的形式,很绚丽,好看。过程中,有多次露出百雀羚的品牌、产品。体验上,感觉4道题有点少,意犹未尽。
二、比天气更热的是?
策划上,显示活动的时间等信息,页面下方有一个“趁热重演”按钮,引导用户再次观看体验。设计上,真人视频,真实感很强,搭配带感的音乐,用户体验良好;三个主角切换后的画面风格统一,没有违和感。体验上,视频处理是这个H5 最大的亮点,三个视频的切换流畅自然,表现当下年轻人的崇尚的“趁热·造热”活法,体验不一样的风格,走出去,释放自己的青春与活力,带给用户动感与活力。
三、足球巨星揭秘
策划上,三个球星,亨利、克雷斯波和卡洛斯分别对应三个不同的小故事,视频风格各异,但最后都以戏谑的方式转回到宣传的足球手游上。技术上,该案例交互很少,结构简单,使用 jQuery 实现交互细节。体验上,打开视频的第一感觉就是画面十分精致,光效,镜头都十分精美。故事的行进过程中也埋了很多对应人物的梗,让人在看过一遍之后还想会看的冲动。
秒度科技
新闻中心
2018-06-26
视频类H5一般采用 jQuery + Video技术进行编程,今天我们推荐的三个案例同样来自这三种做法,更多精彩案例关注无非创意:wufaecy 一、一上班就想飞,其实你是... 创意定位,利用测试答