Philips 飞利浦:甩掉贱男友

2016-11-21 H5案例分享 H5案例分享
Philips 飞利浦:甩掉贱男友

案例:甩掉贱男友

出品:Philips 飞利浦

亮点:

  1. 策划上,图文展示类。载入完毕进入页面,是个模拟的抓娃娃机,只不过抓的是“蓝朋友”,点击抓手抓出一个之后,便开始展示“我”与“蓝朋友”的幸福小生活。每段动画自动播放,也可以点击按钮跳到下一段,之后还有点击“弹开”等交互部分,引出“蓝光侵害”、“细菌威胁”,最后过度到飞利浦手机产品上。最后一页可以点击“与她相约”跳转至购买链接,也可以点击了解更多。

  2. 设计上,手绘插画风格,手写字体,画面布局很好看,感觉可以拿去当壁纸或者朋友圈配画。每页动画自动播放,交互部分设计也非常有趣。搭配了一段轻松愉快的背景音乐。

  3. 体验上,交互简单,产品引出不突兀,过度自然,无论画面还是背景音乐,整体感觉很轻松很舒服。



技术实现: jQuery


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

识别图中二维码

甩掉贱男友-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

飞利浦:小机器人大PK

华为:老佛爷圆明园直播

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~