完整欣賞此案例大約需要35秒
案例:中秋思念地圖
出品:愛上街
鏈接:https://www.h5anli.com/cases/201809/weizhi.html
亮點:
- 創意定位,愛上街品牌在中秋之際推出的品牌宣傳H5,通過中秋節你思念的人想見的人在哪裡為創意點,生成相關地圖海報,進行傳播和品牌曝光。
2. 策劃上,大致分為四步:①獲取“我”的定位:進入地圖頁面,默認微信授權調取用戶位置信息,地圖上出現用代表“我”的黃色座標;②添加“我思念之人”的位置:選擇國家城市後,點擊“添加”按鈕,地圖上出現藍色座標,添加按鈕變為繼續添加,提醒用戶可添加多位思念的人;③ 分享:點擊“生成我的地圖”,可以生成帶有迴流二維碼海報,分享到朋友圈,好友參與,選擇位置,添加完成後地圖上會生成白色的座標,白色座標即代表“思念著我的人”;④ 持續互動反饋: 將思念地圖分享到朋友圈之後,參與的朋友變多,地圖上的白色座標數量便會超過藍色,寓意著思念你的人遠比你思念的多!並且內容實時更新,所有人同步可見。
3.設計上,一張世界地圖,暗暗的深藍色,卻能標註出無限的心情和座標。
4.體驗上,獲取用戶位置信息時,有些用戶習慣上不願意暴露自己的個人位置信息,可能導致用戶本身地理位置並不能如期獲取,但只要用戶同意,看清文案引導,思念的人,在世界地圖上的位置會一一標註:我的心上人,你在哪裡,小五在想念你!
即使中秋節沒人陪你,但一定有人在思念你!
小五祝大家:2018中秋快樂!!
技術實現: JavaScript+地理定位
H5案例庫:h5anli.com
閱讀更多 H5案例分享 的文章
關鍵字: 中秋 JavaScript 上街