京东商城X钙尔奇:寻找三秒杀手
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
案例:寻找三秒杀手
品牌:京东商城X钙尔奇
技术实现: html5
亮点:
- 创意定位
京东APP宣传自身平台的“钙尔奇骨动中国”活动推出的H5作品,用户通过作品了解骨质疏松这一老年常见病在中国的病发情况和预防方法,最后用户可登陆京东APP参加活动,购买钙尔奇系列产品,以此普及骨质疏松的相关知识,增加京东APP的下载量和使用量,提高钙尔奇产品的销量。
- 策划逻辑
作品主要分为四个环节
①标题界面
一位黑色人影上方是通缉三秒凶手的字样,点击人影上的“WHO ARE YOU”进入作品。
②三秒凶手
几幅老人出现骨骼不适的画面后,一位新闻主播出现,字幕显示,三秒凶手频频作案,邀请用户协助破案,点击右上方图片缩影,刚才几位老人的图片依次出现,老人旁边出现对话框,讲述自己受伤过程,用户根据提示点击图片,每点击一次,会出现一个老人的信息,分别是老人的年龄性别,生活坏习惯,和身患的慢性病,三个情况都点击出现后上滑屏幕查看下一个图片。
③海报制作
屏幕出现刚才几位老人的信息汇总碎片,点击拼凑成完整图案后,跳转至三秒凶手的真面目界面——骨质疏松,点击“三秒”查看我国骨质疏松方面的患病概况,点击“书写倡议书”,选择三个为了预防骨质疏松要为父母做的事情,输入自己名字,点击“保存倡议书”,出现鼓励关注钙尔奇的语言,然后跳至成品海报界面,用户可保存海报,点击触点登录京东领取优惠券,也可点击“了解更多”,观看“骨质疏松”小视频,了解我国关于骨质疏松的诱因,后果和预防方法的视频,视频长约1分钟。
- 设计上
以一个“杀手”的悬念,引起读者好奇心,用黑白简笔画刻画老人常见的病发情形,让用户自己点击了解详细状况,制造“追凶”参与感,最后引出商品宣传,环节过渡自然缓和。
- 体验上
作品较详细的概括了“骨质疏松”的病发率,男女比例,引发的后果,和如何预防,知识点较多,总结的也比较全面。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号