丁香医生X即刻APP:测试你的黑夜人格

2019-04-02 H5案例分享 H5案例分享
丁香医生X即刻APP:测试你的黑夜人格


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

识别图中二维码

测试你的黑夜人格-查阅二维码

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


案例:测试你的黑夜人格

品牌:丁香医生X即刻APP

亮点:

1.创意定位

报复性熬夜和习惯性熬夜已经成为9102年的亚健康第一杀手了,本案例就是由丁香医生和即刻APP联合出品的,探寻为什么你会熬夜的测试型H5,传播知识点的同时,暗示用户下载即刻APP。

 

2.策划逻辑

加载页面是一只熬红了眼的漫画猫,首屏是一张主题海报,中间赫然写着“测试你的黑夜人格”,点击屏幕下方的“点击进入”,出现了一个小动画,画面中是一只发誓今天一定要早睡的漫画猫,当漫画猫躺好后,用户需要点击屏幕左下角的“盖好你的小被子”,才能继续。盖好被子的漫画猫开始数羊催眠,但是始终辗转反侧没有睡着,此时界面中弹出一个对话框,点击继续,根据提示点击画面中的弹幕,选中三条弹幕后即可生成专属的黑夜人格海报,长按可直接保存,海报下方的二维码可以识别再次进行测试。

 

3.设计上

紫黑色为主色调,黄色为辅,展现着黑夜的场景,主角虽是一只漫画猫,其实跟失眠的每一个人都有点像。

 

4.体验上

盖好小被子的交互做的温馨可爱,手机端和PC端均适配,但是暗示下载APP的意图还不那么明显,可能会丧失掉一部分用户。



技术实现: HTML5



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

一点资讯×丁香医生:抑郁指数测试

腾讯视频&即刻电音:打造你的电音首秀

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~