深圳布吉万象汇：一分钟测试你有多浪—体验案例

2018-12-11 H5案例分享 H5案例分享

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

识别图中二维码

一分钟测试你有多浪—体验案例-查阅二维码

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

案例：一分钟测试你有多浪—体验案例

出品：深圳布吉万象汇

亮点：

深圳布吉万象汇为“万象潮BUY节”的优惠活动推出的宣传型H5作品，用户通过在线答题测试自己所属的派对参与者类型，最后在结果页面用户可查看万象节海报了解优惠活动详情。

万象公仔的加载页面过后，点击标题海报下的“开始答题”进入测试环节，一共六题，包括参加排队的打扮，会被什么人吸引，夜生活结束时间等情况，最后根据用户的回答生成结果海报，海报包括用户名称，所属的排队选手类型，发浪指数及详解，海报界面可以直接领取奖品或点击“提升发浪指数”查看万向节活动详情介绍。

每道题目都有可爱的漫画插图，浅色系为主但是内容丰富，整体界面也比较花哨，但是重点突出，不影响主要内容的浏览。

夜店常用的节奏感很强的音乐，让人觉得很带感，题目也比较有趣，只是最后的结果和本次的活动主题联系不是很大，稍有跳跃。

技术实现： jQuery

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

标签