THE NORTH FACE:由我发现,探索永不停止。

2020-08-24 H5案例分享 H5案例分享
THE NORTH FACE:由我发现,探索永不停止。


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

识别图中二维码

由我发现,探索永不停止。-查阅二维码

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


案例:由我发现,探索永不停止。

品牌:THE NORTH FACE

技术实现: iScroll + jQuery

亮点:

1、创意定位

The North Face品牌宣传H5,定位户外运动者,为当前体验H5的用户匹配全球的不同运动爱好者。

 

2、策划上

① 首屏多个运动爱好者的照片组成的照片墙,照片墙显示完整后,自动滑动到输入您的姓名界面;

② 输入姓名后,用户需要手动滑动到下一屏,下一屏中,需要填写3个信息,1个是输入你曾探索过的地点,2是上传你探索照片,3是点选同意该活动的机制;点击“即刻去匹配”按钮后,生成刚刚探索地点的经纬度,点击“与探索家组队”按钮,开始匹配;稍等会匹配其他户外运动者,可以看到他/她的名字、地点、地点的经纬度、他/她上传的照片;

③ 继续向下滑动,会有1个地点和1个新称谓,小五和另一个探索者得到的称谓是自然探索家;点击下方可以生成探索海报;或者再玩一次。

 

3、设计上

大背景偏肉粉色为主,配合大号的说明文字和真实的景物和人物照片。

 

4、交互上

首屏后续界面,需要用户手动滑动才可以进入下一个界面,略微增加用户操作步骤;在交互上如果用户1步可以完成,就不要2步。





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

标签

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

相关推荐:

The North Face 北面:野出来才能练出来

The North Face品牌推广 — 出来玩,你怕什么?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~