华联SKP(陕西)百货有限公司:2019奇幻万圣节 西安SKP
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例:2019奇幻万圣节 西安SKP
品牌:华联SKP(陕西)百货有限公司
技术实现: html5
亮点:
- 创意定位
华联SKP(陕西)百货有限公司制作的H5作品,主要用于宣传即将在万圣节当天举行的“SKP搞怪大游行”活动,用户在作品中挑战打蝙蝠游戏,积分超过120可参加一次抽奖,作品中还可以看到一些万圣主题商品的样子和价格,以此为万圣节活动积累人气,增加参与人数,提高产品销量。
- 策划逻辑
加载界面是做成星球样式的SKP的LOGO,下方是加载进度条,主界面是作品标题,和即将在游戏中担当主角的几位卡通形象一起在太空中飞行的照片,用户点击“开始游戏后”,出现玩法说明——通过滑动屏幕让角色射击蝙蝠获得积分同时避开与蝙蝠接触,接住绿色蝙蝠被打爆后变成的糖果会有积分加成,接住蓝色蝙蝠变成的卡片可以变身,用户在此界面可进行两种操作:
①进入游戏,按住主角不松手主角会向上飞行并发射导弹,松手后主角停止飞行,左上方是三颗红心代表三条命,每接触一次蝙蝠就有一个心变黑,三颗都变黑则游戏结束,右上方是分数显示,蝙蝠5分,糖果15分,游戏结束后生成结果海报,包括用户的得分和总结语,满120分会有抽奖结果通知在海报中显示,用户在此页面可重新挑战或点击“活动详情”进行查看。
②活动详情
点击后可依次查看部分与万圣节相关的产品样式及价格介绍,活动地点以及十月份下旬的商场会员当日消费累计满额赠礼,节日当天针对儿童推出的“万圣节集章有礼”玩法介绍,和商场地图,以及官方订阅号二维码,用户查看完毕后可直接点击触点进入游戏挑战。
- 设计上
以卡通手绘为主,主角均是万圣节的搞怪造型,其他元素如南瓜,蝙蝠等,也都显示了万圣节的节日特点。
- 交互上
用户点击主角飞行射击蝙蝠同时避免与蝙蝠接触即可,变身卡可以接住后变身,也可以不去接,继续使用当前人物。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号