喆啡酒店:时空驿站
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例:时空驿站
品牌:喆啡酒店
技术实现: AnnieJS
亮点:
1、创意定位
以未知时空为主题,进行照片合成的作品,以此展现喆啡酒店的创意精神。
2、策划逻辑
加载完毕后,是一个多格漫画,讲述“你”成为时空旅人的故事,然后“时空驿站”的标题出现,点击触点进入作品,在一个房间内,左右滑动界面或转动手机浏览房间,在不同房间点击发光物品,出现物品解读,然后一面镜子出现,根据提示点击镜子上传照片,生成海报,包括一副合成后的另一种造型的照片及解读,以及作品二维码,用户可保存或点击触点继续去其他房间寻找发光物品。
3、设计上
房间是温暖的黄色系,中世纪的欧洲风格,每个房间都有一个窗户,窗外是蓝色的浩渺星空,仿佛是漂浮于宇宙中的房间一样,营造作品“时空旅行”的神秘氛围。
4、技术上
使用的应该是Annie2X,即Adobe Flash(现在叫Adobe Animate)的插件,所见即所得的flash动画完整的发布。
5、交互上
旋转手机或滑动屏幕均可浏览房间,在海报界面可直接返回继续浏览,寻找可以解开自己其他身份的“宝物”。
6、体验上
点击发光物体后,出现生成海报互动后,有一种体验是否已经结束的疑问,继续浏览后,点击其他发光物体,交互界面一样。要是有一共几个发光物体,统计每次点击发现,找到所有发光物体,最后给出一个总结的界面,体验会更好。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号