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

2020-10-10 H5案例分享 H5案例分享

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

识别图中二维码

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

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

案例：我们一起去玩叭

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

技术实现： canvas + zepto

亮点：

1、创意定位

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

2、策划上

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

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

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

3、设计上

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

4、体验上

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

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

标签