中国平安人寿保险：快来看看你的孩子18岁什么样

2017-10-30 H5案例分享 H5案例分享

案例：快来看看你的孩子18岁什么样

出品：中国平安人寿保险

亮点：

策划上，测试答题类，共有五道题，进入H5后先填写孩子的年龄，然后通过一系列的问题来测试你是什么类型的家长，在结果页生成称号和对应的文案描述，最后在尾页“点击跳转”即可得到中国平安人寿保险为孩子们准备的成人礼；点击“查看数据”，即可去看看需要准备多少资金就可以元孩子未来的大学梦。
设计上，手绘风格，采用以粉色为主，令人感到十分温馨，测试答题的问题和选项的背景采用笔记本的插画形式，真实中透着趣味，按钮采用水晶按钮的形式，显得十分精致。
技术上，这支H5里面的动画主要采用的是CSS3的animation。

技术实现： JavaScript

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

识别图中二维码

快来看看你的孩子18岁什么样-查阅二维码

完整欣赏此案例大约需要35秒

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

标签