东城养老:前门老赵手绘长图,带你穿越中轴,览京城“脊梁”!

2018-11-14 H5案例分享 H5案例分享
东城养老:前门老赵手绘长图,带你穿越中轴,览京城“脊梁”!


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

识别图中二维码

前门老赵手绘长图,带你穿越中轴,览京城“脊梁”! -查阅二维码

完整欣赏此案例大约需要3分25秒


案例:前门老赵手绘长图,带你穿越中轴,览京城“脊梁”!

出品:东城养老

亮点:

1.创意定位

整体是一个科普性的H5,信息量很大,旁白操着一口京腔,以前面老赵画的中轴线图为线索为用户科普老北京的这条“脊梁”。

 

2.策划上

进入H5后首先进入一个段讲解,一个操着一口北京话的旁白先对北京中轴线进行简要介绍,随后用户可以控制小人沿着中轴线一直走,路过感兴趣的地点可以点开听详情,详情部分也是以解说形式展开,页面随着讲解播放对应的图片,走到中轴线的最北边时,继续往前走就会进入最后一段讲解(结束语)部分。

 

3.设计上

手绘长图与实景照片相结合,背景音乐很有代入感。

 

4.体验上

这么大的容量,竟然观看非常流畅,这个第三方平台还是优化的很好的。其次,内容上十分详实,旁边不紧不慢的解说非常具有北京特色,但是内容解说部分稍微长了些,节奏如果更紧凑一些或许能更好的传播下去。

 

 



技术实现: 木疙瘩



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

标签

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

相关推荐:

北京移动:30年的变化

北京市昌平区投资促进局:北京未来科学城

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~