POP MART:和DIMOO一起时光漫游

2022-08-06 H5案例分享
POP MART:和DIMOO一起时光漫游


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

识别图中二维码

和DIMOO一起时光漫游-查阅二维码

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


案例:和DIMOO一起时光漫游

品牌:POP MART

技术实现: HTML5

亮点:

1.创意定位

泡泡玛特推出的创意H5,以“和DIMOO一起时光漫游”为主题,需要让用户帮助DIMOO解开关卡的密码,才能穿梭到下一个场景,引发更多对泡泡玛特产生兴趣,最后,进入泡泡玛特的抽盒机,形成品牌曝光和产品导流的双重功效。

 

2.策划逻辑

大致流程:Loading → 主题页 → 场景闯关 → 落地海报。

 

Loading:充电进度格子动画,格子加载满后,进入主题页。

 

主题页:① 品牌露出——POP MART;② 主题和IP形象DIMOO露出;③ 文案引导——和DIMOO一起时光漫游!点击“GO!”按钮,进入场景闯关。

 

场景闯关:一共五关。第一关:找到阿努比斯真正的猫;第二关:找出手机的主人;第三关:把DIMOO的植物放回原处;第四关:进入时空大门,继续漫游旅程;第五关:有点冷,快帮DIMOO暖和起来。每关交互方式都不同,如果猜测不到,就过不了关,但都有一个提示,提醒你过关线索。

 

不想剧透,但还是记录一下每一关的通关秘密,毕竟每一关都花费了小五挺长时间的,想自己体验的,下面这段可以跳过,勿看。

 

第1关:点击DIMOO手中的逗猫棒;第2关:点背景中手持自拍杆的DIMOO;第3关:点击DIMOO头部,发出323的滴滴声,这就是密码;第4关:先点球,再长按DIMOO,就能飞入穿梭门;第5关:狂点汉堡。

 

落地海报:五关全部过完,进入一个恭喜通关的海报。海报是DIMOO的各种场景和状态的拼图,内容很是丰富,还有“长按图片保存到手机”的文案提示。底部有两个按钮,“再玩一次”和“继续时光漫游”,点击前者,会返回第一关重新开始,点击后者,会提示打开“泡泡玛特抽盒机”小程序。

 

3.视觉交互

完全卡通风,小DIMOO真的很可爱,用帮助DIMOO过关把整个场景串起来,很有意思,过关的难度适宜,还有友情提醒。交互方式多变,尤其是听声音得密码环节,很有创意。

 

4.用户体验

就第一关卡小五时间有点长,后面每过一关,还挺有成就感的,有意思,还想再过几关呢,大家是否有同感?!





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

标签

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

相关推荐:

网易云音乐X王老吉:开启你的港乐Show Time

NATUZZI ITALIA:纳兔子的奇妙梦境

腾讯新闻 |福润万象:年画有解法

微信扫一扫
关注该公众号

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~