案例：寻找三秒杀手
品牌：京东商城X钙尔奇
玩法：动画
整理：蓝橙H5定制
1.详情内容上：
京东APP宣传自身平台的“钙尔奇骨动中国”活动推出的动画H5，用户通过作品了解骨质疏松这一老年常见病在中国的病发情况和预防方法，最后用户可登陆京东APP参加活动，购买钙尔奇系列产品，以此普及骨质疏松的相关知识，增加京东APP的下载量和使用量，提高钙尔奇产品的销量。一位黑色人影上方是通缉三秒凶手的字样，点击人影上的“WHO ARE YOU”进入作品。几幅老人出现骨骼不适的画面后，一位新闻主播出现，字幕显示，三秒凶手频频作案，邀请用户协助破案，点击右上方图片缩影，刚才几位老人的图片依次出现，老人旁边出现对话框，讲述自己受伤过程，用户根据提示点击图片，每点击一次，会出现一个老人的信息，分别是老人的年龄性别，生活坏习惯，和身患的慢性病，三个情况都点击出现后上滑屏幕查看下一个图片。
屏幕出现刚才几位老人的信息汇总碎片，点击拼凑成完整图案后，跳转至三秒凶手的真面目界面——骨质疏松，点击“三秒”查看我国骨质疏松方面的患病概况，点击“书写倡议书”，选择三个为了预防骨质疏松要为父母做的事情，输入自己名字，点击“保存倡议书”，出现鼓励关注钙尔奇的语言，然后跳至成品海报界面，用户可保存海报，点击触点登录京东领取优惠券，也可点击“了解更多”，观看“骨质疏松”小视频，了解我国关于骨质疏松的诱因，后果和预防方法的视频，视频长约1分钟。
2.页面设计上：
以一个“杀手”的悬念，引起读者好奇心，用黑白简笔画刻画老人常见的病发情形，让用户自己点击了解详细状况，制造“追凶”参与感，最后引出商品宣传，环节过渡自然缓和。作品较详细的概括了“骨质疏松”的病发率，男女比例，引发的后果，和如何预防，知识点较多，总结的也比较全面。
扫描二维码查看
注：如果你还想了解更多的H5精品案例，可点击右侧“方案咨询”在线联系，或者微信搜索“蓝橙互动”公众号获取案例。
相关链接：H5制作|小程序定制|节日H5|H5玩法|H5设计
