Procter & Gamble 宝洁：冠军时刻宝洁一起，为母亲喝彩

2016-08-09 H5案例分享 H5案例分享

案例：冠军时刻宝洁一起，为母亲喝彩

出品：Procter & Gamble 宝洁

亮点：

策划上，图文展示+图片合成类。进入页面后，显示奥运冠军时刻的感人照片，向下滑动可以观看一段感人至深的视频，下方是一段文字。最后点击“让妈妈上头条”可进入图片合成部分，点击浮动的相机按钮上传照片，选择文字，点击“生成我的头条”即可合成图片，再点击分享就能在最后的页面显示。
设计上，一开始深蓝色背景作为主色调，与奥运、冠军时刻、为母亲喝彩这类主题很贴合，视频短片采用蒙太奇手法，内容感人肺腑。图片合成部分排版很好看，最后效果确实很像自己的照片上了头条！
体验上，图片合成为一跳转页面，与之前的图文展示不在一起，所以操作起来不是一气呵成。不过文字与图片排版效果很好看，文案写的也很棒！

技术实现： jQuery + Egret(白鹭引擎)

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

识别图中二维码

冠军时刻宝洁一起，为母亲喝彩-查阅二维码

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

标签