GUCCI:Gucci Burst

2021-10-27 H5案例分享 H5案例分享
GUCCI:Gucci Burst


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

识别图中二维码

Gucci Burst-查阅二维码

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


案例:Gucci Burst

品牌:GUCCI

技术实现: HTML5

亮点:

1.创意定位

全球奢侈品品牌GUCCI为其产品Burst推出的一款创意H5小游戏,通过躲避隧道中的障碍物,让用户参与其中,了解产品,曝光品牌。

 

2.策划逻辑

主要流程:① Loading → ② 主题页 → ③ 穿越隧道小游戏 → ④ 游戏结果页面。

 

① Loading:直接是黄底白字,加载百分比的变化。

 

② 主题页:直接是产品Burst的鞋子的3D样式展现,提示按钮:DRAG DOWN TO START,用户点击提示按钮,进入游戏部分。

 

③ 穿越隧道小游戏:Burst的鞋子在一个3D立体彩色隧道中“飞驰”,在8m位置处有两个操作引导箭头,引导用户可以点击向上、向下箭头直接拖动Burst在隧道中改变位置,以躲避迎面而来的障碍物。游戏有计时和分数提醒,如果碰到障碍物,游戏立即结束,弹出游戏结果页面。

 

④ 游戏结果页面。包含游戏分数成绩和返回再次游戏引导。

 

3.交互视觉

色彩艳丽,用产品Burst的颜色提出较大色块纯色黄、绿、蓝等进行设计,整体视觉冲击力很强,结合3D空间隧道和Burst展现,会吸引游戏玩家多次体验。

 

4.用户体验

3D案例在iOS和一些高性能的Android机型上体验比较流畅,对于性能稍差的Android机型,3D加载和交互上,会有不同程度的卡顿。

 





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

标签

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

相关推荐:

Gucci:Gucci Mascara Hunt

Gucci:Gucci Bloom

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~