抖音:2018抖音城市独家记忆

2019-01-31 H5案例分享 H5案例分享
抖音:2018抖音城市独家记忆


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

识别图中二维码

2018抖音城市独家记忆-查阅二维码

完整欣赏此案例大约需要2分40秒


案例:2018抖音城市独家记忆

出品:抖音

亮点:

1.创意定位

这是抖音制作的关于十大网红城市的H5作品,用户通过点击城市地标性建筑,可以了解该城市在抖音上的城市记忆,以此引发用户对城市的兴趣,宣传软件。

2.策划逻辑

作品较长,有五个环节①加载完成,点击抖音标志,进入h5②进入后出现长街 ,左右两边出现不同的城市标志性建筑,正中间的上面有一个写着点击选择城市的热气球③点击城市标志性建筑可进入详细页面,了解抖音上的城市记忆,共有5张图片,分别是抖音城市排名、当地最火视频、抖音打卡点、游客来源地、2018在城市,可以左右滑动切换④滑动生成海报,共五张,可点击保存,可以继续浏览其它城市⑤点击气球可以浏览除抖音排名前十以外的其他城市。

3.设计上

浏览案例,随着手指滑动,逐渐会出现不同的城市,每个城市的图标都是当地的特色建筑,城市记忆从多种方面介绍,除了出现的十个城市以外,还可以点击热气球查找其他的城市,无论是哪个地方用户都可以找到。

4.体验上

音乐缓慢优雅,画面明亮,在道路上随着滑动有不同的城市出现在眼前,整体的观感很吸引人,点击建筑进入具体页面,显示出有关城市的讯息,进一步增加了城市的魅力。



技术实现: html5



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

标签

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

相关推荐:

野生救援X抖音:这可能是全球最该逛一下的限量店

能鱼食社:惊!我吃掉了北京一套房

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~