Kakao:Choonsik's diary
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分05秒
案例:Choonsik's diary
品牌:Kakao
技术实现: WebGl
亮点:
1、创意定位
Kakao的卡通形象Choonsik和Ryan宣传H5,Ryan是一只没有鬃毛的雄性狮子,Choonsik是是一只在路上捡到的小猫,他们是朋友,案例中以Choonsik的日记为主题,讲述Ryan为什么讨厌周一。通过小故事,让品牌旗下的卡通形象有血有肉。
2、策划上
① 进入案例后,以“Ryan为什么讨厌周一”开启,点击下方的复选框,提起用户的疑问,让用户带着疑问观看整个案例,Choonsik进入屏幕,而后跟随画面中提示的箭头,看到Ryan出门上班,到了公交站,上了公交车开启一天;
② 而后是4个交互动画,有Ryan办公室工作、在家打扫卫生、浴缸中大战鱿鱼怪、晚上Choonsik和Ryan在楼顶看烟花夜景;每通过一次交互,就得到一个红薯奖励,屏幕上方有奖励的提示,红薯是Choonsik最喜欢的食物;
③ 最后有彩蛋,这个彩蛋真心不错,是Choonsik和Ryan的卡通电子卡片。
3、视觉上
① 3D卡通形象,配合不同环节的3D交互动画,描述Ryan一天的工作和生活;
② 配色暖色系,底图配合小方格(像我们平常本子里的格子),以卡通可互动的形式,表达日记;
③ 很多细节值得参考,例如Choonsik走过的地面会有小脚印;通关后的红薯奖励,既贴近卡通形象的喜好,有起到了进度的提示。
4、交互上
整体案例无论是Choonsik行走方向,还是交互动画都会有对应的提示,像是生活中我们的一天。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号