PROYA 珀莱雅：嗨够味儿，你来吗？
案例：嗨够味儿，你来吗？
出品：PROYA 珀莱雅
亮点：
- 策划上，视频+长图类。这是由珀莱雅在双十一即将到来之际所打造的一款宣传h5，总共分为三个阶段。① 首屏阶段。珀莱雅的logo屹立左上角，“嗨BAO全球”与“全球狂欢节”几个醒目的大字映入在用户的眼前，用户点击“开始”按钮进行视频的播放。② 视频播放阶段。先是讲述“没对象”的原因：“要么丑，要么没钱”，接着画风一转，三个卡通人物一脸懵逼的情况下，无数金币从天而降，这时“一个亿，一个亿”几行大字蹦蹦哒哒闪出界面，然后画风又一转，开始向用户介绍“一个亿”的由来以及推广宣传在双十一期间里珀莱雅所做出的促销及打折活动。从而达到宣传的目的。③ 长图阶段，将之前推广宣传的优惠活动进行凝练总结，用户通过上下滑动去进行仔细了解。在长图的末尾处，有着珀莱雅的官方二维码，用户可通过扫码关注微信公众号，也可通过底部按钮的渠道直接进入店铺。
- 设计上，Q版插画+炫酷风格。① 红黄两色糅杂形成的橘红色和不同色彩饱和度组合而成的蓝色，这两种色彩是整款h5的主要背景色。② 文案的快速浮现和闪出搭配动感的音乐，炫酷十足。③ 将Q版卡通形象插入到页面中，在嗨味儿十足的页面中增加了几分儿俏皮与可爱。
- 技术上，在视频播放阶段采用了html5中的Video标签技术进行实现，其中用到Video标签里的属性有：“webkit-playsinline”、“playsinline”、“x5-video-player-type”、“preload”等。
技术实现： jQuery + Video
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分10秒
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
