喆啡酒店:时空驿站

2019-12-16 H5案例分享 H5案例分享
喆啡酒店:时空驿站


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

识别图中二维码

时空驿站-查阅二维码

完整欣赏此案例大约需要2分30秒


案例:时空驿站

品牌:喆啡酒店

技术实现: AnnieJS

亮点:

1、创意定位

以未知时空为主题,进行照片合成的作品,以此展现喆啡酒店的创意精神。

 

2、策划逻辑

加载完毕后,是一个多格漫画,讲述“你”成为时空旅人的故事,然后“时空驿站”的标题出现,点击触点进入作品,在一个房间内,左右滑动界面或转动手机浏览房间,在不同房间点击发光物品,出现物品解读,然后一面镜子出现,根据提示点击镜子上传照片,生成海报,包括一副合成后的另一种造型的照片及解读,以及作品二维码,用户可保存或点击触点继续去其他房间寻找发光物品。

 

3、设计上

房间是温暖的黄色系,中世纪的欧洲风格,每个房间都有一个窗户,窗外是蓝色的浩渺星空,仿佛是漂浮于宇宙中的房间一样,营造作品“时空旅行”的神秘氛围。

 

4、技术上

使用的应该是Annie2X,即Adobe Flash(现在叫Adobe Animate)的插件,所见即所得的flash动画完整的发布。

 

5、交互上

旋转手机或滑动屏幕均可浏览房间,在海报界面可直接返回继续浏览,寻找可以解开自己其他身份的“宝物”。

 

6、体验上

点击发光物体后,出现生成海报互动后,有一种体验是否已经结束的疑问,继续浏览后,点击其他发光物体,交互界面一样。要是有一共几个发光物体,统计每次点击发现,找到所有发光物体,最后给出一个总结的界面,体验会更好。

 





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

标签

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

相关推荐:

网易新闻X态度营销:如果地球爆炸了,创新会死吗?

网易新闻:财务自由报告

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~