Nike:Nike PLAYLab.

2022-03-25 H5案例分享 H5案例分享
Nike:Nike PLAYLab.


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

识别图中二维码

Nike PLAYLab.-查阅二维码

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


案例:Nike PLAYLab.

品牌:Nike

技术实现: HTML5

亮点:

1.创意定位

Nike推出的Nike PlayLib宣传创意H5作品,通过三个明星视频,引导更多人关注和参与视频上传,使品牌和产品形成自传播。

 

2.策划逻辑

主要流程:Loading → 主题页 → 视频列表页 → 视频内容页。

 

Loading :很有创意Loading效果,从上到下移动且滚动的一个色条,带有品牌标识和活动标识,伴随着背景颜色纯色切换。

 

主题页:鲜亮艳丽的篮球、足球等元素,从四面聚向中心形成主题背景,然后,出现艺术活动主题:Nike PlayLib。弹出使用本地cookie的授权弹框,只有用户点击“接受”,才能显示完整页面。点击按钮“GO”,进入到视频列表页。

 

视频列表页:三个明星视频,可以横向滑动,用户点击其中任意一个,会进入视频内容页。

 

视频内容页:用户点击视频,可进行视频播放。视频底部,有文案引导用户上传视频,点击Submit按钮,即可跳转上传视频页面,进行视频上传。

 

3.视觉交互

艳丽纯亮色,年轻鲜艳。交互上,以点击、左右滑动为主。

 

4.用户体验

到处洋溢着青春、运动的气息,看了就感觉充满活力,有热情的用户可以上传视频试试,参与活动。

 





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

标签

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

相关推荐:

耐克:原来体育课可以这样上?

耐克:原来体育课可以这样上?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~