网易新闻 + 我和我的家乡:我们一起去玩叭

2020-10-10 H5案例分享 H5案例分享
网易新闻 + 我和我的家乡:我们一起去玩叭


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

识别图中二维码

我们一起去玩叭-查阅二维码

完整欣赏此案例大约需要50秒 - 3分钟


案例:我们一起去玩叭

品牌:网易新闻 + 我和我的家乡

技术实现: canvas + zepto

亮点:

1、创意定位

网易新闻和《我和我的家乡》电影一起宣传的H5,云游中国,查看你想去哪里玩,主要宣传《我和我的家乡》电影。

 

2、策划上

① 首屏显示大标题“我们一起去玩叭”,以系上安全带的交互方式进行互动,开启下一屏;

② 提示上下滑动屏幕选择,中国的旅游景点分三排排列,上下滑动过程中,第一三排向左移动,第二排向右侧移动;用户点击后,有点像旋风的视觉后,该景点被勾选;屏幕下方显示已选择的个数;也可以选填自己输入地名;必须勾选一个;这些想去的地方中,有没有你的家乡,这里可有小五的家乡,感觉特别自豪。

③ 选择好后,点击右下角的“选好了”按钮,生成旅游清单海报;微信环境,用户授权后,海报中含有用户的微信头像和昵称;并列出用户点选的最想玩的地方;页面的下方有彩蛋按钮,点击后播放一段视频。

 

3、设计上

扁平风格,卡通图标很好看。

 

4、体验上

旅游景点列表的排列、选择和平常不同,还是蛮有新鲜感;适合慢慢看,发现自己那么多好地方没有去过;看到景点列表中自己家乡时,特别亲切和高兴。





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

标签

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

相关推荐:

人民日报 | 客户端 + 网易文创 | 哒哒:这样的我,很中国

梦幻西游 + 网易云音乐:敦煌博物馆奇妙夜

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~