安踏X天猫:安踏冰雪灵境

2022-01-14 H5案例分享 H5案例分享
安踏X天猫:安踏冰雪灵境


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

识别图中二维码

安踏冰雪灵境-查阅二维码

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


案例:安踏冰雪灵境

品牌:安踏X天猫

技术实现: html5

亮点:

1.创意定位

安踏作为连续八届中国奥委会合作伙伴,陪伴冰雪项目运动员们经历了无数精彩赛事,作品详细介绍了中国12个冰雪项目队伍,展示冠军们在人生高光时刻身着的安踏战服,用户还可以了解活动详情,增加个人热度,和解锁数字藏品等,参与多方位互动,感受安踏的魅力,感受体育的精神。

 

2.策划逻辑

一个巨大的展览馆缓缓降临在冰雪天地间,镜头拉近,进入展馆,点击上方触点查看热度累积方法和互动抽奖规则。点击左右触点在馆内环绕参观,有12个立体旋转冰雪雕像,对应12支冰雪战队,用户可点击战队下的触点,了解此项目和运动健儿们已经取得的成绩。有两个魔法之门和一个冰冻盲盒穿插在雕像之间,一个门是安踏数字博物馆,陈列冠军服装,另一个门是助威2022年北京冬奥会的冰雪天宫,1月25号开放。界面上方有用户热度累计值,累计到10000分以上时,可解锁盲盒。

 

3.设计上

冰雪主题界面,白色与淡蓝色主题,很圣洁的感觉,从视觉上凸显运动服上的中国红。

 

4.交互上

作品互动还挺多的,用户可以查看规则,用指定方法完成任务,给自己增加热力值,热力值越高,可参与的活动就越多。左上方有勋章图鉴,完成相应任务可获得相应勋章,引发用户热情,增加作品互动热度。





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

标签

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

相关推荐:

安踏:敬十年:克莱密集邀你联名

云游新疆.冬

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~