diyH5|睡眠H5——偷眠小鬼捕获指南

案例:偷眠小鬼捕获指南

品牌:小睡眠APP

玩法:diy游戏H5

整理:蓝橙H5定制


1.详情内容上:

小睡眠APP出品的diy游戏H5,通过趣味的diy游戏,让用户捕捉让你失眠的可爱小鬼,做好睡眠规划,从而来宣传自己品牌。作品大致有三个阶段:

①初始界面是一位睁大眼睛躺在被窝里失眠的男生,上方是大大的标题,点击“开始捕获”进入作品。

②页面出现很多白色的圆形“小鬼”,它们的名字是各种失眠的原因,“追剧”“玩手机”“焦虑”等,每次会呈现六个小鬼,点击“换一批”会换六个,用户根据提示选择最少三个,最多五个,点击已选的小鬼可以重新命名或将其移除,选好后点击“马上召唤”进入下一环节。

③上一轮选择的小鬼会带着他们的名字出现在屏幕上睡觉的人物旁,用户选择自己的性别和被子的花纹,点击“我选好了”,阅读“捕获须知”,勾选”承诺每天按时睡觉”,输入名称,生成海报。

④海报名称是“XX捕获的证明”,包括一副主图(内容与上一环节相同,人物性别与被子花色与用户上一轮的选择相符),海报生成时间,出品方名称和游戏二维码。


2.策划设计上:

设计上采用了手绘的卡通风格,每一个小鬼都根据自己的名字有不同的表情和姿势,拿手机追剧的,拿电脑做工作的,喝奶茶的,因焦躁而头发炸毛的等等,很可爱的展现了各种失眠原因,被窝里的人物表情也很符合人们失眠时候的样子,还贴心的设计了各种被子的花色供选择,增加游戏趣味。


3.用户体验上:

失眠原因罗列起来原来有这么多,作品中的失眠鬼真的超可爱,正面对待小鬼,才能把失眠的小鬼养好放掉,按时睡觉,迎接健康好身体!


124512421.png


扫描二维码查看


5432321311.png



注:由于时间原因,以上H5案例可能存在无法打开的情况。如需索取相关案例,可点击右侧“方案咨询”在线联系,或者微信搜索“蓝橙互动”公众号获取案例。

 

相关链接:H5制作|H5案例|H5设计|H5营销|小程序定制

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

方案咨询

价格咨询

工期咨询

联系电话

联系我们

13541384954

扫一扫

扫一扫

回到顶部