Sprite + Wakanda Forever:Hall of Zero Limits

2023-08-11 H5案例分享 H5案例分享
Sprite + Wakanda Forever:Hall of Zero Limits


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

识别图中二维码

Hall of Zero Limits-查阅二维码

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


案例:Hall of Zero Limits

品牌:Sprite + Wakanda Forever

技术实现: 3D + canvas

亮点:

1、创意定位

电影《黑豹:永远的瓦坎达》和雪碧Sprite联合出品的品牌宣传响应式网站,介绍电影《黑豹:永远的瓦坎达》背后的一些人!

 

 

2、策划上

① 进入网址后,看到一个关闭的大门,点击“进入”按钮,进入3D大厅

② 首先是一些操作说明,点击屏幕右上角,进入大厅预览,有6处可以参观的地方,默认白色,参观后,变成绿色;

③ 点击箭头,依次浏览大厅,有幕后团队视频介绍、雪碧Sprite的宣传短片、还有电影人物的文字介绍,和用户的互动游戏;

④ 和用户的互动游戏,2选1,回答5个问题后,生成你的雷达图谱(远见、探险家等5个维度分析所占百分比)。

 

3、设计上

深色调,配合荧光绿,科技前卫感;3D立体的大厅,大厅中间一颗大树,环绕大厅进行参观。 

 

 

4、交互上

用户点击进入3D大厅,用户能小范围滑动屏幕,一般都是点击箭头进入下一部分介绍,或者通过菜单进入大厅对应部分介绍。





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

标签

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

相关推荐:

Exo Ape:Global Digital Design Studio

Giulia:Giulia Gartner - Photographer & Filmmaker

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~