百度地图:极速寻宝英雄
案例:极速寻宝英雄
出品:百度地图
亮点:
- 策划上,比“美漫”还酷的科普动画。百度地图近日发起的营销campaign “怕堵就用百度地图”,让人想到“怕堵车”,就能联想到“百度地图”。此番百度地图将晦涩难懂的品牌优势和功能原理,通过一个趣味生动的寻宝游戏,以图文并茂的形式科普给了用户。Loading页完毕后用户会接收到一个“任务”,并提示“吹散”藏宝图上的灰尘查看宝藏位置,让用户燃起了“速度与激情”,也为最后百度地图的出行箴言埋下伏笔。当用户决意踏上“寻宝之路”,一辆跑车便呼啸而来,通过点击打开车门,下划系好安全带,用户即被彻底代入了百度地图的故事。点击导航开始加速、选择路线躲避拥堵、进入车内望向宇宙、紧急刹车避让宝箱……用户每参与一轮互动,都接受了一次官方科普。同学们,这么酷的知识点,不用再敲黑板了吧?!
- 设计上,大胆运用美漫式的黑白画面,用简洁有力的线条将用户拉入了二次元的世界。暗黑的大背景,冲击力十足的漫画元素,配上偶然的一抹红色、蓝色,格外醒目。仿真的手机屏幕、尘封的藏宝图、浩瀚蔚蓝的宇宙和街头的路灯、高架桥,让人在时间空间中来回穿梭,扣人心弦的背景音乐配合酷炫巧妙的交互特效,第一人称的视角让代入感十足,似乎有一种神秘的力量,让人忍不住想去探寻下一个秘密的真相。
- 体验上,案例为了避免科普内容带来的晦涩冗繁感,加入了大量新奇的交互功能,堪称科普H5的一股泥石流。用户全程参与其中,对着麦克风吹落藏宝图上的灰尘,扣上安全带瞬间的“真实触感”,抬头仰望宇宙体验重力感应,刹车时整幅画面震撼的视觉冲击,都会为用户带来一些小惊喜,最终“怕堵就用百度地图”这一箴言的亮相形式,也可谓是诚意满满,不负期待。
小编认为,作为一支知识点满满的H5,绝对算是今年科普类H5的走心之作了。来不及解释了,快上车吧……
技术实现: JavaScript + Canvas
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号