返回
 视频类H5一般采用 jQuery + Video技术进行编程,今天我们推荐的三个案例同样来自这三种做法,更多精彩案例关注无非创意:wufaecy

一、一上班就想飞,其实你是...

创意定位,利用测试答题的形式,结合唯美创意动画视频,让用户在交互过程中,参与互动,引起共鸣,最后引导参与百雀羚在618期间的活动。策划上,测试答题+精妙动画视频+生成海报。用唯美的视频动画,引入故事场景;答题部分,用户点击答题,触发视频动画进一步展开,4道题,极其绚丽;最后,让用户输入一个名字,生成一张与用户相关的结果图,并且带回流二维码。海报页,有分享和参与京东618活动入口。设计上,画面根据剧情,从喧嚣城市无趣的黑白灰,转入远离城市,动画采用实物+倒影的形式,很绚丽,好看。过程中,有多次露出百雀羚的品牌、产品。体验上,感觉4道题有点少,意犹未尽。

二、比天气更热的是?

策划上,显示活动的时间等信息,页面下方有一个“趁热重演”按钮,引导用户再次观看体验。设计上,真人视频,真实感很强,搭配带感的音乐,用户体验良好;三个主角切换后的画面风格统一,没有违和感。体验上,视频处理是这个H5 最大的亮点,三个视频的切换流畅自然,表现当下年轻人的崇尚的“趁热·造热”活法,体验不一样的风格,走出去,释放自己的青春与活力,带给用户动感与活力。

三、足球巨星揭秘

策划上,三个球星,亨利、克雷斯波和卡洛斯分别对应三个不同的小故事,视频风格各异,但最后都以戏谑的方式转回到宣传的足球手游上。技术上,该案例交互很少,结构简单,使用 jQuery 实现交互细节。体验上,打开视频的第一感觉就是画面十分精致,光效,镜头都十分精美。故事的行进过程中也埋了很多对应人物的梗,让人在看过一遍之后还想会看的冲动。

秒度科技

新闻中心

2018-06-26


视频类H5一般采用 jQuery + Video技术进行编程,今天我们推荐的三个案例同样来自这三种做法,更多精彩案例关注无非创意:wufaecy 一、一上班就想飞,其实你是... 创意定位,利用测试答