大都会人寿：当代健康生活迷惑图鉴

2020-10-28 H5案例分享 H5案例分享

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

识别图中二维码

当代健康生活迷惑图鉴-查阅二维码

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

案例：当代健康生活迷惑图鉴

品牌：大都会人寿

技术实现： html5

亮点：

大都会人寿360Health推出的测试作品，用户逛公园，选择自己的生活习惯，生成健康分析报告，最后可登陆平台了解更多，以此普及品牌服务项目，提高使用人数。

一段导语邀请用户参与迷惑行为调查，点击开始后，先是分标题出现，然后进入手绘公园，点击带有问号的人，查看人物行为解析，选择加入或者再看看，分标题有健身秘籍，解压方式，交友门路和理财操作，最后来到居委会，生成自己的分析报告，包括用户名，各方面的健康维度图和一句解说语，用户可保存海报或再玩一次。

手绘的公园图，细腻写实，跟生活中的公园很像，浏览时仿佛真的在公园遛弯。

用户左滑屏幕浏览公园，问号可反复点击，没有加入的最后可再次点击加入，海报界面可返回作品重新测试。

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

标签