爱奇艺：测试你的任性指数

2020-07-07 H5案例分享 H5案例分享

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

识别图中二维码

测试你的任性指数-查阅二维码

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

案例：测试你的任性指数

品牌：爱奇艺

技术实现： jQuery + TweenMax

亮点：

爱奇艺出品，通过测试题普及爱奇艺会员的特权，吸引更多用户办理。

2．策划逻辑

点击标题页触点开始答题，八道题，每题三选一，都是对生活中情景的反应，口红配货，错过回程火车，外卖凑单，朋友圈美景，衣服配货，想看综艺但是眼睛不舒服，追剧，同事性格，最后根据用户的选择生成海报，包括称号“末日狂欢型”“即时满足型”等，及任性指数，用户可重新测试或分享作品。

3.视觉上

蓝紫的主色，画面颜色统一，题目贴近生活，屏幕中间是题目中心图案，夸张个性，答案小框有立体感，整体看起来很时尚，很舒服。

4.交互上

点击答案后，会出现关于此题的俏皮话，最后几题是爱奇艺会员的特权介绍，点击此界面的“下一题”继续答题。

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

标签