OPPO：【就要这样紫】画展

2018-04-23 H5案例分享 H5案例分享

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

识别图中二维码

【就要这样紫】画展-查阅二维码

完整欣赏此案例大约需要1分钟

案例：【就要这样紫】画展

出品：OPPO

亮点：

策划上，宣传类。这是对OPPO R15星空紫系列手机的宣传。进入首页选择你最听不得别人议论你的三个词，分别是胖、单身、不着调、二次元和败家，然后上传自己的照片，点击开始表演，然后是四幅名画按照你选择的词汇变为动态的小人，播放完毕后，展示你刚刚上传的图片与这几幅名画的PS图片，将脸部换位你的照片的脸，选择自己喜欢的名画风格即可生成态度名画，结束引导用户进入了解该机型。
设计上，以紫色为主色调，突出了星空紫系列手机的主题，将世界名画变得动态，增加了搞笑的元素。
交互上，需点击上传照片生成自己的海报。
体验上，除了将世界名画变得动态搞笑之外该案例还是比较简单的，期间只有上传图片的交互，但是有趣的风格还是使得案例有一些吸引力的。

技术实现： jQuery + slick.js + loader.js + share.js + scroll.js

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

标签