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