Philips 飞利浦:甩掉贱男友
案例:甩掉贱男友
出品:Philips 飞利浦
亮点:
-
策划上,图文展示类。载入完毕进入页面,是个模拟的抓娃娃机,只不过抓的是“蓝朋友”,点击抓手抓出一个之后,便开始展示“我”与“蓝朋友”的幸福小生活。每段动画自动播放,也可以点击按钮跳到下一段,之后还有点击“弹开”等交互部分,引出“蓝光侵害”、“细菌威胁”,最后过度到飞利浦手机产品上。最后一页可以点击“与她相约”跳转至购买链接,也可以点击了解更多。
-
设计上,手绘插画风格,手写字体,画面布局很好看,感觉可以拿去当壁纸或者朋友圈配画。每页动画自动播放,交互部分设计也非常有趣。搭配了一段轻松愉快的背景音乐。
-
体验上,交互简单,产品引出不突兀,过度自然,无论画面还是背景音乐,整体感觉很轻松很舒服。
技术实现: jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号