北京SKP:北京SKP | 童真欢乐营地
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:北京SKP | 童真欢乐营地
品牌:北京SKP
技术实现: HTML5
亮点:
1.创意定位
北京SKP在六一期间推出的创意线上H5活动,以“童真欢乐营地”为主题,让用户足不出户参与营地探索,参与“打小怪物”游戏,并引导用户了解北京SKP推出的儿童新款服饰以及各店面的线下地址,为品牌发声,为产品营销,为线下引流。
2.策划逻辑
主题页 → 限时“打小怪物”小游戏 → 游戏成绩页 → 商品展示页 → 线下店面展示页。
主题页:品牌露出并展示活动主题。SKP品牌LOGO+童真欢乐营地主题,以及可交互的3D游戏场地,可以拖动看场地的不同视角。点击“探索营地”,进入游戏部分。
限时“打小怪物”小游戏:在游戏前,有游戏规则介绍:在规定时间内,哪种小怪物加分,哪种减分,点击“开始游戏”,正式进入游戏。在规定时间内,可以拖拽和旋转场地,尽量多的“打击”加分小怪物,尽量避免点击减分小怪物。时间到,自动进入游戏成绩页面。
游戏成绩页:根据游戏环节点击小怪物的情况,得出积分海报以及荣誉称号。海报底部有“再玩一次”和“查看商品”按钮,点击前者,再次回到游戏开始页。点击“查看商品”,进入商品展示部分。
商品展示部分:展示当季北京SKP儿童新品服饰,男女童装应有尽有,可以点击左右按钮切屏查看。点击“查看地图”按钮,可以看到各个线下店面的具体地址、地图和各个店面的联系方式。
3.视觉交互
整体页面色彩鲜艳,小怪物形象可爱,加上3D交互,很能吸引小朋友的注意力。交互上,主要以点击和拖拽为主,3D可交互场景是亮点,可以从空间里,查找并点击露头的小怪物。
4.用户体验
游戏好玩好看,后面的儿童服装更是可爱,有机会一定会去在家附近的SKP逛逛,帮孩子选选衣服。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号