中国平安财产保险：六一出行，平安有礼

2018-04-26 H5案例分享 H5案例分享

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

识别图中二维码

六一出行，平安有礼-查阅二维码

完整欣赏此案例大约需要2分10秒

案例：六一出行，平安有礼

出品：中国平安财产保险

亮点：

策划上，测试类。第一个界面是平安出行的宣传，点击下方的现在出发，开始本h5；第一个是在车后面玩的熊孩子，受到了家长的批评；上拉屏幕，切换界面；第二个是在副驾驶玩的小孩，扰乱了家长的注意力；第三个是在车上吃东西玩闹的小孩；第四个是没系安全带不关车窗的熊孩子；之后进入了游戏的界面，为了测试家长是否有良好的交通意识；点击游戏规则查看规则，之后点击开始答题；一共有10个关于交通方面的题目，每个题4个选项，答对了显示对号，答错了显示答错并显示正确答案；全部完成后，点击交卷咯，如果成绩好需要填写联系方式，并提交；如果成绩不好，则不显示。
设计上，扁平卡通风格的测试类小游戏；利用交通规则考验家长的交通意识好不好，对交通和安全有促进作用。
体验上，上拉屏幕，点击屏幕进行交互；遵守交通规则，为社会进步做出贡献是每一个人的责任，本h5不仅测验了关于交通规则的掌握程度，也为六一的安全出行做出了宣传。

技术实现： jquery+ piwik.js+script

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

标签