Kakao:Choonsik's diary

2022-10-17 H5案例分享 H5案例分享
Kakao:Choonsik's diary


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

识别图中二维码

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案例分享”团队原创文章,转载请注明出处!

标签

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

相关推荐:

Karina Sirqueira:Karina Sirqueira Gallery

MSI:MSI - I want it all

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~