Adobe × Bowie:Enter the dressing room

2022-11-29 H5案例分享 H5案例分享
Adobe × Bowie:Enter the dressing room


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

识别图中二维码

Enter the dressing room-查阅二维码

完整欣赏此案例大约需要10分钟


案例:Enter the dressing room

品牌:Adobe × Bowie

技术实现: HTML5

亮点:

1.创意定位

Adobe和Bowie联合推出的密室寻宝类创意H5作品。通过让用户进入一个密室,在限定时间内,找到9件隐藏于密室的Bowie品牌的产品,便可通关。在游戏的同时,让用户认识产品,感受品牌气质。

 

2.策划逻辑

大致逻辑:Loading → 口播文案引导 → 主题页 → 进入密室 →  操作引导 → 寻找9件宝贝 → 结果页(宝贝罗列和更多跳转)。

 

特色一:全程口播引导。操作的各个环节、交互动作以及结果页,都有口播交互。

 

特色二:动效细腻。一是入场动效炫酷,二是密室场景中的各种交互局部动效,都很细腻。三是密室场景的导航按钮,一个按钮动效,配合音效,尽显细腻。四是如果玩家长时间找不到隐藏物品,会闪过一道光进行提醒。

 

特色三:大胆用色。用不同的色块背景衬托9件商品,开屏和过渡页更是直接全黑红字,国内的案例很少如此用色。

 

3.视觉交互

视觉艳丽丰富,场景做成仿旧感,产品用大块纯色映衬,对比鲜明。交互上,使用了点击、双指放大缩小、单指拖动等交互方式,每种都有相应的引导。

 

4.用户体验

即使不太看懂英文,也能顺利操作,主要看颜值,玩过程,哈哈哈,这个密室设置的很合理,如果找不到,并不是永远出不去,是有时间限制的,到点自动就出来了……不剧透了,大家自行体验吧。





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

标签

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

相关推荐:

Adobe:Adobe新年神庙

Evian:Danone - Evian - Drink True Global

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~