Nike:上海不停店

2018-11-20 H5案例分享 H5案例分享
Nike:上海不停店


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

识别图中二维码

上海不停店-查阅二维码

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


案例:上海不停店

出品:Nike

亮点:

1.品牌诉求

① 公众号吸粉;② 产品销售引流;③ 品牌及产品线上宣传。

 

2.策划逻辑

用360全景展现“上海不停店”,用炫酷小动图引导用户进入相应“运动专区”,每个区用二级全景、三级动图、四级页面来展现。包含:运动生活区、训练区、滑板区、跑步区、篮球区、足球区,还有一个“本店前传”视频内嵌。每个区点开,是二级全景页,用动图展现该区的对应产品介绍,点击动图,进入四级页面,包含:产品详情、购买方法、参与进度等。

 

3.设计分析

视觉上,用鲜艳亮丽的翠绿、艳红、炫紫、橙红、靓黄用作不同区主色,年轻、时尚,有活力;交互上,采用滑动/重力感应的方式让用户浏览全景,点击的方式展示二级、三级、四级页面,如需购买和参与活动,需要登录Nike账号,需要调起键盘输入。

 

4.体验上

整体很酷,艳丽青春,很好看。品牌诉求明确,吸粉引流转流水。用户会沿设定好的路径,先关注公众号,再体验产品,最后下订单。在入口处设定的强制关注,好处是直接吸粉,坏处是导致部分潜在用户流失。



技术实现: require+ html2canvas



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

标签

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

相关推荐:

耐克:扬名球场 全凭我敢

NIKE:找准节奏 玩转全场

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~