上海油罐艺术中心: A. Museum

2019-08-21 H5案例分享 H5案例分享
上海油罐艺术中心: A.	Museum


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

识别图中二维码

 A.	Museum-查阅二维码

完整欣赏此案例大约需要3分20秒


案例: A. Museum

品牌:上海油罐艺术中心

亮点:

  1. 创意定位

上海油罐艺术中心2号罐,A . Museum开馆在即,用户可以在作品中预览管内平面图,查看展出的项目介绍,并进行网上报名,和查看自己的预约,以此让用户提前对展览馆有个基本的认识,合理安排参观时间,同时避免造成馆内拥挤,影响参观效果。

 

  1. 策划逻辑

打开作品后,主界面上是标语“玩疯了”,右侧有展馆开放时间,8月26日至9月8日,下方有四个板块可以点击查看,每一个板块查看完毕后都可以点击最下方的返回按键,回到上一菜单。

①举爪报名。打开后,输入自己的姓名,性别,年龄,手机号,地区,预约时间等详细信息,下方有每个时间段的剩余名额。

②现场大片。点击打开照片墙,再点击照片可查看大图,欣赏以往人们在管内拍的照片,感受展览馆的精彩布置。

③童话地图。打开后有场馆平面图,还有分区介绍,共五个分区,都以玩疯了为开头,分别是神灯(淘公仔互动),筋斗云(在全息投影效果下穿梭游览名山),魔镜(AI情绪感知互动),森林(公益主题 全息投影下进入阿里森林),废物(回收塑料制成的大型雕塑)。

④我的预约。输入手机号查看自己的预约。

 

  1. 设计上

主界面的霓虹色渐变背景上,一只手伸向屏幕中间代表各个分场馆的五个卡通图,点击下方触点即可查看展馆相关内容,做分区介绍时,每个分区都有详细的文字解说,和一副黑白色漫画图解,加上照片浏览,让用户能提前感受到展馆内的艺术氛围与色彩冲击。

 

  1. 音效上

振奋欢快的背景音乐,烘托了展馆即将开放的激动,和前去参观的喜悦心情。



技术实现: html5



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

标签

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

相关推荐:

宝宝树:“健康医+1”公益VR展

索尼:索尼Walkman40周年

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~