腾讯地图:大学,梦想的起点

2018-09-12 H5案例分享 H5案例分享
腾讯地图:大学,梦想的起点


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

识别图中二维码

大学,梦想的起点-查阅二维码

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


案例:大学,梦想的起点

出品:腾讯地图

亮点:

  1. 创意定位,该H5由腾讯地图出品,以测量用户与大学的距离为创意点进行宣传。 
  2. 策划上,开头为一段约35秒的动画视频,可选择跳过。一个少年折出一架纸飞机并飞出,少年随着纸飞机奔跑,也逐渐长大,飞机飞过山川河流,被另一双手接住并展开,纸上的文字提示用户进入距离测量。后续步骤:①用户点击“我的大学”,输入大学信息与个人信息,点击“穿越到大学”;②选择想要穿越到的地方,如教室、宿舍等,后台则匹配对应内容的海报;③生成用户专属图片,并显示与大学的距离。长按可保存图片,也可点击跳转至地图App下载界面。
  3. 设计上,手绘卡通插画风,配色清新。
  4. 体验上,背景音乐颇有青葱岁月的味道,动画清新唯美,你现在距离梦想的起点有多远?



技术实现: Html5



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

标签

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

相关推荐:

百度地图:遇见心动大学

腾讯地图H5圣诞案例 — 圣诞大叔奇遇记

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~