百度地图:极速寻宝英雄

2017-05-24 H5案例分享 H5案例分享
百度地图:极速寻宝英雄

案例:极速寻宝英雄

出品:百度地图

亮点:

  1. 策划上,比“美漫”还酷的科普动画。百度地图近日发起的营销campaign “怕堵就用百度地图”,让人想到“怕堵车”,就能联想到“百度地图”。此番百度地图将晦涩难懂的品牌优势和功能原理,通过一个趣味生动的寻宝游戏,以图文并茂的形式科普给了用户。Loading页完毕后用户会接收到一个“任务”,并提示“吹散”藏宝图上的灰尘查看宝藏位置,让用户燃起了“速度与激情”,也为最后百度地图的出行箴言埋下伏笔。当用户决意踏上“寻宝之路”,一辆跑车便呼啸而来,通过点击打开车门,下划系好安全带,用户即被彻底代入了百度地图的故事。点击导航开始加速、选择路线躲避拥堵、进入车内望向宇宙、紧急刹车避让宝箱……用户每参与一轮互动,都接受了一次官方科普。同学们,这么酷的知识点,不用再敲黑板了吧?!

 

  1. 设计上,大胆运用美漫式的黑白画面,用简洁有力的线条将用户拉入了二次元的世界。暗黑的大背景,冲击力十足的漫画元素,配上偶然的一抹红色、蓝色,格外醒目。仿真的手机屏幕、尘封的藏宝图、浩瀚蔚蓝的宇宙和街头的路灯、高架桥,让人在时间空间中来回穿梭,扣人心弦的背景音乐配合酷炫巧妙的交互特效,第一人称的视角让代入感十足,似乎有一种神秘的力量,让人忍不住想去探寻下一个秘密的真相。

 

  1. 体验上,案例为了避免科普内容带来的晦涩冗繁感,加入了大量新奇的交互功能,堪称科普H5的一股泥石流。用户全程参与其中,对着麦克风吹落藏宝图上的灰尘,扣上安全带瞬间的“真实触感”,抬头仰望宇宙体验重力感应,刹车时整幅画面震撼的视觉冲击,都会为用户带来一些小惊喜,最终“怕堵就用百度地图”这一箴言的亮相形式,也可谓是诚意满满,不负期待。

 

  小编认为,作为一支知识点满满的H5,绝对算是今年科普类H5的走心之作了。来不及解释了,快上车吧……



技术实现: JavaScript + Canvas


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

识别图中二维码

极速寻宝英雄-查阅二维码




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

标签

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

相关推荐:

百度地图:快,回家......

【百度】H5案例大汇总(干货精选)——2016大合集第十波

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~