北京现代：愚人整蛊等你来挑战

2017-04-11 H5案例分享 H5案例分享

案例：愚人整蛊等你来挑战

出品：北京现代

亮点：

策划上，答题类案例。案例模仿手机界面，通过手机信息的到达，手机界面上的时钟与实际时间相符合，滑动手机锁展开案例。随后进入答题首页，点击立即挑战开始答题，总共有3道问题，都是围绕北京现代全新悦动展开的，问题1在三个大灯形状中选择星锐大灯；问题2选择触控显示屏；问题3智能钥匙。答错了会出现拳打脚踢以及小丑~三道题都答完后可以领取“mei女图”，进入落地页，出现传说中的美女图，可以跳转悦动详细介绍页以及分享给好友。
设计上，仿手机界面 + 漫画风格。案例开始以手机界面的形式展开案例，随后变为逗比的漫画风格。颜色上来讲颜色以灰色调为主，用色没有那么亮丽，但是十分和谐。中间结果页，设计的十分时尚。
体验上，传统的点击方式，通过点击进入下一题，逗比的画面配上逗比的音乐，完全符合愚人节的氛围。

技术实现： jQuery

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

识别图中二维码

愚人整蛊等你来挑战-查阅二维码

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

标签