百事可乐:玩转百事盖念店

2017-08-03 H5案例分享 H5案例分享
百事可乐:玩转百事盖念店

案例:玩转百事盖念店

出品:百事可乐

亮点:

策划上,此h5是一个属于视频类的h5,是百事可乐公司为宣传这“揭盖玩转百事盖念店,赢限量单品”这一活动所打造的宣传h5。

在这个宣传h5上,刚开始时快速进行切换视频,带给用户视觉的激情和兴奋,体现出百事可乐的时尚与富有感染力,极大的吸引着用户的观赏。接着通过用手点击滑动的方式切换每一段视频,加上相应的带有感染力的文字,进一步冲击着用户的心灵,并且使得用户可以在所切换的页面上手动点击自己所喜欢的潮品,进而达到宣传这一活动的目的。最后在结尾处打出此项活动主题:“揭盖玩转百事盖念店,赢限量单品”,进一步向用户宣传此次所举办的活动。

设计上此h5全程以蓝色为视频主调,彰显了百事可乐的激情蓝。

在全过程的设计中,快慢节奏的交替使用是一个最主要的设计环节,在快节奏的过程中,动感的音乐加上激情的MV,整个场景带给人兴奋与冲击,突显出此次活动的魅力和感染力,在慢节奏的过程中,使得用户有一个反应时间和了解时间,可以一步步的去欣赏,一步步的去了解,从而扩大此次活动的宣传力度,吸引更多人参与此次活动。

技术上,这支H5主要是采用Canvas + Flash2x+jquery来实现的。



技术实现: Canvas + Flash2x+jquery


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

玩转百事盖念店-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

百世可乐:青春百事正现在

可口可乐:最酷的童年

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~