金龙鱼：测测你的油腻指数

2018-05-08 H5案例分享 H5案例分享

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

识别图中二维码

测测你的油腻指数-查阅二维码

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

案例：测测你的油腻指数

出品：金龙鱼

亮点：

策划上，宣传类。这是对金龙鱼阳光葵花籽油的宣传。进入首页，点击开始测试，先选择接近自己的体型，然后开始测试，一共就只有三道题目，然后跳转到对金龙鱼食用油的宣传页面，画面为金龙鱼的油桶上绑了一只气球，滑动气球绳子的部分模拟割开绳子，然后跳转到上传照片页面，上传自己心仪的照片，最后才跳转到结果页面，跳进页面首先就是提示用户分享。
设计上，以黄色为主色调，与油腻的感觉相呼应。
交互上，滑动。
体验上，首先小测试类的案例向来收到许多用户的喜爱，虽然这个案例只有三道题目，相对来说是比较少的了，但是测试内容还是很容易引起用户的兴趣的，宣传很是到位，用割绳子这一交互使得用户可停留这一页看到宣传，还算比较有趣的案例。

技术实现： JavaScript

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

标签