微信双屏互动H5案例精选合集

大家在朋友圈看过不少H5案例,比如在线生成结婚证这种形式的H5案例,和吴秀波对视5秒钟这类的视频展示H5案例,还有参与答题测试性格的H5案例。但有一种微信双屏互动的形式,虽然不太常见,但这种双屏互动H5,比单一场景的H5案例互动性更强,用户体验也更新颖有趣。比如未来应用出品的双屏互动H5案例“你敢在办公室变瘦吗?”,就是双屏互动的优秀代表案例。

今天小编为大家整理几个双屏互动H5案例,用户们最好亲身体验一下哦,当然最好拉个好朋友一块。

双屏互动H5案例一:一滴奶,邂逅爱

出品:蒙牛

技术团队:未来应用

案例分析:

微信双屏互动H5案例

这是由蒙牛委托未来应用出品的一支双屏互动形式的H5。策划上,两台手机设备扫描二维码后,等进度条到百分百后,共同摇一摇手机,然后把手机并排放置在桌子上。

接下来,出现了一个梦幻般的房间,音符跳动起来,以两台手机为界,就会看到音符幻化一片片花瓣飞舞,由右边的手机起始,一直飞舞蔓延到左边的手机,最后组成一个充满花朵的心形图案,一盒蒙牛纯牛奶安静地摆在钢琴架子上,唯美梦幻。

设计上,以白色和红色为主色调。

交互上,需要两台手机共同实现,而且在进度条达到百分百时,需要两台手机同时摇一摇才能进入H5。

微信双屏互动H5案例

双屏互动H5案例二:不满足小宇宙去更广阔的天空

出品:省广股份

案例分析:

策划上,属于双屏互动的游戏类H5。职场人整天没有效率地加班到天亮,不行,我要跳槽,去更广阔的天空,去向宇宙!但黑心老板不让你走,怎么办?有两种方式干败老板实现向宇宙进发的目标。第一,单打独斗,在10秒内向上滑动手机,看看自己能否实现冲天愿望;第二,与老板约战,需要两台手机扫描二维码,共同进入到游戏界面,在10秒内,员工/BOSS分别向上/向下滑动,看看究竟谁能笑到最后。

设计上,卡通风格,蓝色为背景色

交互上,需要用户上滑或者下滑屏幕,并且需要两台手机实现。

体验上,一般是两名用户一起参与PK,这样有了胜负之分,更容易激发用户参与的热情。

微信双屏互动H5案例

双屏互动H5案例三:天猫超市请客节

出品:天猫

案例分析:

双屏互动的游戏类H5。策划上,点击首屏的“变身请客侠”,生成一个二维码,邀请身边小伙伴微信扫码,并放置在本机右侧,就可以双机一起体验请客侠格斗技巧,耍帅技、格斗技、搞笑技、吃货技、打拼技,五种技能让你玩嗨~

设计上,卡通漫画风格,搞笑有趣

交互上,需用用户生成二维码并邀请好友一起扫码体验,同时需要两台手机一起参与游戏。

体验上,小游戏设置非常有趣。

微信双屏互动H5案例

双屏互动H5案例四:二分之一的生活

出品:网易

案例分析:

这是网易新闻出品的2015年度年终策划,双屏互动类H5。通过视频形式,讲述了两个时代的年轻人为了分到房子和在大城市居住而各自努力的故事。用户可以选择单机观看,也可以选择双机观看,双机的效果会更好一些。两个故事,两个时代的年轻人,相互对比,相互映照。时代不同,但生活一如既往地没有停止施加给你我压力,但活着,就是对它最好的回应,整体上反应了年轻人的心声,传递了积极的价值观念。

设计上,漫画风格,色调偏暗,阴郁的气氛更能贴合年轻人劳累的心情。

大家在朋友圈看过不少H5案例,比如在线生成结婚证这种形式的H5案例,和吴秀波对视5秒钟这类的视频展示H5案例,还有参与答题测试性格的H5案例。但有一种微信双屏互动的形式,虽然不太常见,但这种双屏互动H5,比单一场景的H5案例互动性更强,用户体验也更新颖有趣。比如未来应用出品的双屏互动H5案例“你敢在办公室变瘦吗?”,就是双屏互动的优秀代表案例。

今天小编为大家整理几个双屏互动H5案例,用户们最好亲身体验一下哦,当然最好拉个好朋友一块。

双屏互动H5案例一:一滴奶,邂逅爱

出品:蒙牛

技术团队:未来应用

案例分析:

微信双屏互动H5案例

这是由蒙牛委托未来应用出品的一支双屏互动形式的H5。策划上,两台手机设备扫描二维码后,等进度条到百分百后,共同摇一摇手机,然后把手机并排放置在桌子上。

接下来,出现了一个梦幻般的房间,音符跳动起来,以两台手机为界,就会看到音符幻化一片片花瓣飞舞,由右边的手机起始,一直飞舞蔓延到左边的手机,最后组成一个充满花朵的心形图案,一盒蒙牛纯牛奶安静地摆在钢琴架子上,唯美梦幻。

设计上,以白色和红色为主色调。

交互上,需要两台手机共同实现,而且在进度条达到百分百时,需要两台手机同时摇一摇才能进入H5。

微信双屏互动H5案例

双屏互动H5案例二:不满足小宇宙去更广阔的天空

出品:省广股份

案例分析:

策划上,属于双屏互动的游戏类H5。职场人整天没有效率地加班到天亮,不行,我要跳槽,去更广阔的天空,去向宇宙!但黑心老板不让你走,怎么办?有两种方式干败老板实现向宇宙进发的目标。第一,单打独斗,在10秒内向上滑动手机,看看自己能否实现冲天愿望;第二,与老板约战,需要两台手机扫描二维码,共同进入到游戏界面,在10秒内,员工/BOSS分别向上/向下滑动,看看究竟谁能笑到最后。

设计上,卡通风格,蓝色为背景色

交互上,需要用户上滑或者下滑屏幕,并且需要两台手机实现。

体验上,一般是两名用户一起参与PK,这样有了胜负之分,更容易激发用户参与的热情。

微信双屏互动H5案例

双屏互动H5案例三:天猫超市请客节

出品:天猫

案例分析:

双屏互动的游戏类H5。策划上,点击首屏的“变身请客侠”,生成一个二维码,邀请身边小伙伴微信扫码,并放置在本机右侧,就可以双机一起体验请客侠格斗技巧,耍帅技、格斗技、搞笑技、吃货技、打拼技,五种技能让你玩嗨~

设计上,卡通漫画风格,搞笑有趣

交互上,需用用户生成二维码并邀请好友一起扫码体验,同时需要两台手机一起参与游戏。

体验上,小游戏设置非常有趣。

微信双屏互动H5案例

双屏互动H5案例四:二分之一的生活

出品:网易

案例分析:

这是网易新闻出品的2015年度年终策划,双屏互动类H5。通过视频形式,讲述了两个时代的年轻人为了分到房子和在大城市居住而各自努力的故事。用户可以选择单机观看,也可以选择双机观看,双机的效果会更好一些。两个故事,两个时代的年轻人,相互对比,相互映照。时代不同,但生活一如既往地没有停止施加给你我压力,但活着,就是对它最好的回应,整体上反应了年轻人的心声,传递了积极的价值观念。

设计上,漫画风格,色调偏暗,阴郁的气氛更能贴合年轻人劳累的心情。


相关文章

  • 20XX年经典语录合集
  • ★当裤子失去皮带,才懂得什么叫做依赖。 ★格式化自己,就是为了删除你! ★毁灭友情的方式有许多,最彻底的一种是借钱。 ★保持青春的秘诀,是有一颗不安分的心。 ★什么是浪漫?就是明知她不喜欢你,依然送99朵玫瑰花给她。什么是浪费?就是明知她喜欢你,还送99朵玫瑰花给她。 ★有钱的捧个钱场,没钱的回家取 ...

  • 家庭教育工作总结
  • 家庭是孩子们成长的摇篮,家长的言谈举止,启蒙和滋润着孩子的幼年,指导和督促着孩子的青少年,影响并荡涤着孩子的一生。为宣传先进的家庭教育理念,提高家庭教育水平,我区积极实施亲子共成长工程,简要说来,体现在以下四个方面: 一、三段联动,打造万人课堂 我们认为,要到达帮助家长树立正确的家庭教育观念、掌握科 ...

  • 韩寒经典语录杯中窥人
  • 1、南宋《三字经》有“人之初,性本善”,说明人刚出生好比这团干布,可以严谨地律已;接触社会这水,哪怕是清水,也会不由自主如害羞草的掞叶,本来的严谨也会慢慢被舒展开,渐渐被来的严谨也会慢慢被舒展开,渐渐被浸润透。 2、中国人向来品性如钢,所以也偶有洁身自好者,硬是撑到出生后好几十年还清纯得不得了,这些 ...

  • 小学教师教科研小结
  •   一、本期开展的主要教研工作   (一)、常规教研工作   1、各教研组根据学校教研工作计划,开展了扎实而富有成效的教研工作,每个教研组做到计划具体、目标明确、责任落实,全校教师参加教研活动的出勤率达95%。特别是英语教研组,开展活动多次,还承办了洪湖市在我校举行的小学英语教学工作现场会,我校两位 ...

  • 效能建设工作汇报
  • 落实三项措施提高三大效能以机关效能建设统筹推进街道各项工作 按照区委.区政府的统一部署和要求,自今年3月份以来,街道党委.办事处在街道各级机关全面开展了以"强素质.提效能.强服务.促发展"为主题的机关效能建设,精心组织,认真实施,使干部素质有了显著增强,机关作风有了明显转变,各项 ...

  • 第二学期英语教研组工作总结
  •   本学期我们坚持以教学工作为中心,以邓小平理论和“三个代表”重要思想为指导,认真学习贯彻党的教育方针,落实市教育局、学校教务处的工作部署,以重实际,抓实事,求实效为教学工作的基本原则,以培养学生创新精神和实践能力为重点,以新课程改革为契机,加强教学常规管理,深化课堂教学改革,认真落实课程计划,落实 ...

  • 机关效能建设工作经验
  • 落实三项措施提高三大效能以机关效能建设统筹推进街道各项工作 按照区委.区政府的统一部署和要求,自今年3月份以来,街道党委.办事处在街道各级机关全面开展了以"强素质.提效能.强服务.促发展"为主题的机关效能建设,精心组织,认真实施,使干部素质有了显著增强,机关作风有了明显转变,各项 ...

  • 英语自我介绍范文[合集篇]
  • 自我介绍General Introduction I am a third year master major in automation at Shanghai Jiao Tong University, P. R. China. With tremendous interest in Indus ...

  • mc零度20XX年经典语录词
  • 体会精彩人生 品味经典语录 20xx年头 不气盛 叫年轻人吗 接下拉这句话送给有梦想的年轻人 不要做口头上的巨人 行动上的矮子 那样梦想永远只会是梦想 亲爱的朋友 聆听2014零度经典语录合集 感谢你对我的关注 对自己好一点 因为一辈子不长 对身边的人好一点 因为下辈子不一定能够再遇见 2014零度 ...

  • 20XX年零度经典语录mc
  • 体会精彩人生 品味经典语录 20xx年头 不气盛 叫年轻人吗 接下拉这句话送给有梦想的年轻人 不要做口头上的巨人 行动上的矮子 那样梦想永远只会是梦想 亲爱的朋友 聆听2014零度经典语录合集 感谢你对我的关注 对自己好一点 因为一辈子不长 对身边的人好一点 因为下辈子不一定能够再遇见 2014零度 ...