MSI:MSI - I want it all

2022-09-06 H5案例分享 H5案例分享
MSI:MSI - I want it all


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

识别图中二维码

MSI - I want it all -查阅二维码

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


案例:MSI - I want it all

品牌:MSI

技术实现: HTML5

亮点:

  1. 创意定位

法国品牌MSI通过创意接弹珠小游戏H5,以“I want it all”一语双关电竞电脑主题,吸引更多人参与小游戏了解电竞,了解电竞电脑,形成裂变传播。

 

  1. 策划逻辑

大致逻辑:Loading → 主题页 → 游戏介绍页  → 接弹珠闯关游戏 → 成绩单。

 

Loading:直接用弹珠跳来跳去的小动画,即生动活泼,又紧贴主题。

 

主题页:品牌露出,主题露出,活动说明,交互按钮,直接奖励说明。页面顶部是MSI的品牌露出。视觉第一重心把I want it all主题作了艺术处理,融入游戏元素。活动说明主要说明了礼品和活动结束时间。点击“立即参加”,即进入游戏介绍页部分。页面底部是“奖励&电竞电脑”落地页直达。

 

游戏介绍页:主要介绍了6个BONUS提升你的游戏,左右滑动,可以分别浏览具体提分特技。点击“开始游戏”,正式进入闯关游戏。

 

接弹珠闯关游戏:321倒计时后,点触屏幕,托盘上的弹珠发射,可以撞消目标障碍块,每次掉落需要用托盘拦截,如果接不住,即损失一条命,三条命后,游戏终结。接的过程中,如果接住掉下来的BONUS,就可展开特技时间。通关后,根据你的游戏成绩,判定级别和奖品。

 

成绩单:成绩单展示你的游戏级别和是否获奖。点击底部的“奖品&电竞电脑”,可以了解更多关于电竞电脑的信息。点击“刷新”按钮,可以再次挑战。

 

  1. 视觉上

主要是小游戏部分很炫酷,采用多色立体带爆炸效果的背景和撞击弹珠,在游戏过程中,不断给人意外之喜。 

 

4.感受上

这款小游戏,可以独立成一款真正的游戏,而不是作为活动宣传H5的一部分。





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

标签

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

相关推荐:

Mubasic:Mubasic-#1 Children's Music

Aro:Aro - A little less phone

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~