北京SKP:北京SKP | 童真欢乐营地

2022-06-04 H5案例分享 H5案例分享
北京SKP:北京SKP | 童真欢乐营地


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

识别图中二维码

北京SKP | 童真欢乐营地-查阅二维码

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


案例:北京SKP | 童真欢乐营地

品牌:北京SKP

技术实现: HTML5

亮点:

1.创意定位

北京SKP在六一期间推出的创意线上H5活动,以“童真欢乐营地”为主题,让用户足不出户参与营地探索,参与“打小怪物”游戏,并引导用户了解北京SKP推出的儿童新款服饰以及各店面的线下地址,为品牌发声,为产品营销,为线下引流。

 

2.策划逻辑

主题页 → 限时“打小怪物”小游戏 → 游戏成绩页 → 商品展示页 → 线下店面展示页。

 

主题页:品牌露出并展示活动主题。SKP品牌LOGO+童真欢乐营地主题,以及可交互的3D游戏场地,可以拖动看场地的不同视角。点击“探索营地”,进入游戏部分。

 

限时“打小怪物”小游戏:在游戏前,有游戏规则介绍:在规定时间内,哪种小怪物加分,哪种减分,点击“开始游戏”,正式进入游戏。在规定时间内,可以拖拽和旋转场地,尽量多的“打击”加分小怪物,尽量避免点击减分小怪物。时间到,自动进入游戏成绩页面。

 

游戏成绩页:根据游戏环节点击小怪物的情况,得出积分海报以及荣誉称号。海报底部有“再玩一次”和“查看商品”按钮,点击前者,再次回到游戏开始页。点击“查看商品”,进入商品展示部分。

 

商品展示部分:展示当季北京SKP儿童新品服饰,男女童装应有尽有,可以点击左右按钮切屏查看。点击“查看地图”按钮,可以看到各个线下店面的具体地址、地图和各个店面的联系方式。

 

3.视觉交互

整体页面色彩鲜艳,小怪物形象可爱,加上3D交互,很能吸引小朋友的注意力。交互上,主要以点击和拖拽为主,3D可交互场景是亮点,可以从空间里,查找并点击露头的小怪物。

 

4.用户体验

游戏好玩好看,后面的儿童服装更是可爱,有机会一定会去在家附近的SKP逛逛,帮孩子选选衣服。





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

标签

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

相关推荐:

SKP-S:SKP-S 重义命运

SKP-S:SKP-S Walking on Mars

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~