GUCCI: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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号