中国平安：跑出你的喜悦人生

2017-12-14 H5案例分享 H5案例分享

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

识别图中二维码

跑出你的喜悦人生-查阅二维码

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

案例：跑出你的喜悦人生

出品：中国平安

亮点：

策划上，图文展示类，进入主页会弹出标题画板等，先再画板上画一个运动员，没画好可以重画，如果没画或画的太小会有提示，点击确定完成开始动画。动画开始显示有一群广场舞大妈堵路，点击红包给大妈发红包才能通过。然后又遇到一只狗需要给它画个骨头，然后可以点击睿超人生得到一辆车，遇到一个老人给他画个拐杖并扶他过马路，最后与人一起冲刺就可以得到马拉松冠军了，每一次的事情都有人生哲理显示。最后可以立刻报名参赛和分享喜悦进入玺越人生。
设计上，采用漫画风格，跑马拉松的路上有各种困难和意外，寓意人生的道路上充满意外，也可以推广平安保险。
交互上,可以在画板上画运动员，然后他会开始奔跑，要给狗画个骨头，给老人画个拐杖，最后可以选择报名参赛和分享喜悦。

技术实现： Jquery.js

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

标签