SEPHORA丝芙兰：膜力Call

2017-08-03 H5案例分享 H5案例分享

案例：膜力Call

出品：SEPHORA丝芙兰

亮点：

策划上，此h5是一个属于视频类的h5，是SEPHORA丝芙兰公司为宣传本公司的面膜所打造的宣传h5。在这个宣传h5页面上面，最大的亮点便是Call上面，h5页面刚开始时以一个大家常用的QQ Call为宣传的开始，用户通过触摸滑动接通QQ Call后，便开始了丝芙兰公司的视频宣传。视频宣传总共有三块儿，分别以小熊、帅哥、美女三人为主人公展开叙述，讲述丝芙兰面膜给他们带来的好处，从而达到宣传丝芙兰面膜的效果。在宣传视频中也有着类似于挂断QQ Call的功能，给予用户很大的自主权利，有着良好的用户体验。
设计上，这个h5页面在整体上以浅色作为背景色，通过浅色背景可以很好的使得页面整体的效果很唯美，突出面膜给主人公带来的好处。此h5在设计上面以仿照QQ Call的方式给用户很好的新鲜感用户能够去进一步的了解，还有一个设计便是也能QQ Call挂断，从而可以使得用户不必耐着性子去继续看完，而是直接去“用面膜打开美力”。
技术上，这支H5主要是 Flash2x+jquery+Zepto技术。

技术实现： Flash2x+jquery+Zepto

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

识别图中二维码

膜力Call-查阅二维码

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

标签