案例演示 ,请长按/扫描以下二维码 ->
识别图中 二维码
完整欣赏此案例大约需要1 分20秒
案例:测试你的黑夜人格
品牌:丁香医生X即刻APP
亮点:
1.创意定位
报复性熬夜和习惯性熬夜已经成为9102年的亚健康第一杀手了,本案例就是由丁香医生和即刻APP联合出 品的,探寻为什么你会熬夜的测试型H5,传播知识点的同时,暗示用户下载即刻APP。
2.策划逻辑
加载页面是一只熬红了眼的漫画猫,首屏是一张主题海报,中间赫然写着;测试你的黑夜人格 ;,点击屏幕下方的;点击进入;,出现了一个小动画,画面中是一只发誓今天一定要早睡 的漫画猫,当漫画猫躺好后,用户需要点击屏幕左下角的;盖好你的小被子;,才能继续。盖好 被子的漫画猫开始数羊催眠,但是始终辗转反侧没有睡着,此时界面中弹出一个对话框,点击继续,根据提 示点击画面中的弹幕,选中三条弹幕后即可生成专属的黑夜人格海报,长按可直接保存,海报下方的二维码 可以识别再次进行测试。
3.设计上
紫黑色为主色调,黄色为辅,展现着黑夜的场景,主角虽是一只漫画猫,其实跟失眠的每一个人都有点像 。
4.体验上
盖好小被子的交互做的温馨可爱,手机端和PC端均适配,但是暗示下载APP的意图还不那么明显,可能会 丧失掉一部分用户。
技术实现: HTML5