爱上街:中秋思念地图

2018-09-21 H5案例分享 H5案例分享
爱上街:中秋思念地图


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

识别图中二维码

中秋思念地图-查阅二维码

完整欣赏此案例大约需要35秒


案例:中秋思念地图

出品:爱上街

亮点:

  1. 创意定位,爱上街品牌在中秋之际推出的品牌宣传H5,通过中秋节你思念的人想见的人在哪里为创意点,生成相关地图海报,进行传播和品牌曝光。

 

2. 策划上,大致分为四步:①获取“我”的定位:进入地图页面,默认微信授权调取用户位置信息,地图上出现用代表“我”的黄色坐标;②添加“我思念之人”的位置:选择国家城市后,点击“添加”按钮,地图上出现蓝色坐标,添加按钮变为继续添加,提醒用户可添加多位思念的人;③ 分享:点击“生成我的地图”,可以生成带有回流二维码海报,分享到朋友圈,好友参与,选择位置,添加完成后地图上会生成白色的坐标,白色坐标即代表“思念着我的人”;④ 持续互动反馈: 将思念地图分享到朋友圈之后,参与的朋友变多,地图上的白色坐标数量便会超过蓝色,寓意着思念你的人远比你思念的多!并且内容实时更新,所有人同步可见。

 

3.设计上,一张世界地图,暗暗的深蓝色,却能标注出无限的心情和坐标。

 

4.体验上,获取用户位置信息时,有些用户习惯上不愿意暴露自己的个人位置信息,可能导致用户本身地理位置并不能如期获取,但只要用户同意,看清文案引导,思念的人,在世界地图上的位置会一一标注:我的心上人,你在哪里,小五在想念你!

 

即使中秋节没人陪你,但一定有人在思念你!

 

小五祝大家:2018中秋快乐!!



技术实现: JavaScript+地理定位



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

标签

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

相关推荐:

人民日报:一张必须寄出的明信片

【地理定位】H5案例大汇总(干货精选)——2017大合集第5波

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~