六月是品牌们的营销狂欢月
……
你能想到的热点
这个6月都能给到你
所以我们也能看到
最近一段时间出了不少H5
包括百度、京东、凤凰网等大厂
都针对性出了自己的品牌H5
每个品牌H5都有着自己的特色
无论是京东那富有新意的测试玩法
还是凤凰网那穿越时光的回忆
甚至是养乐多那略微有些味道的H5
都折射出品牌对于H5的理解
养乐多：一本好笑到犯规的神秘字典
创意分析：
这是养乐多推出的宣传类H5
或者说，这是一个有味道的H5
因为H5的主题是测试用户便便情况
如今的H5测试已经把主题从常规的心理测试
开始往一些奇奇怪怪的方向发展
只是如何避免新意变俗套
是目前品牌方需要认真对待的事情
技术分析：
技术分析：
进入H5之后
首先是一段自动开场的动画
随后进入案例主页
主页是一个词典的内容
邀请用户打开词典查看自己的便词
可供用户选择的一共有8个便词
用户需要根据描绘的情况确认是否自己符合描述的情况
随后需要确认自己的个人生活习惯
当完成全部的测试内容后
则会对用户的肠道情况进行测试评价
随后并生成相对应的结果页
用户可对结果页进行分享
视觉分析：
虽然本案例新意较为特殊
但设计上还是有出彩的形式
整体设计成词典的形式
每个题目偏向名词解释的状态
并且有着一定的风格
京东：崩溃自救指南
创意分析：
这是realme手机联合京东推出的测试类H5
通过五道很有意思的测试题
目的是测试用户对于人生的崩溃指数
虽然整体设计及窗体较为巧妙
但由于此类玩法过多
因此新意度欠佳
技术分析：
首先开场的是一段精美的动画
随后自动切入测试场景
与一般常规的测试问答内容不同
本案例的题目分为两部分
第一部分是通过一个页面来讲述题目的故事
第二部分就是题目的选项
由题目设定一个用户场景
用户自己选择出最让自己感觉崩溃的事情
五道题目都回答完毕后
会进入结果页并指导用户该如何自救
视觉分析：
设计上采用目前H5很常见的手绘漫画风格
而且很有意思的一点是
五道测试题的背景英文连在一起
正是品牌方的REALM的英文
一个特殊的小彩蛋让人觉得眼前一亮
火影忍者：火影的奔跑，你敢挑战吗？
创意分析：
火影忍者是很多90后的回忆
如今火影忍者搬到了手游上
本案例也是以忍者跑的试炼为基调
讲述了忍者的修炼之旅
同时提出三个对于人生的问题
邀请用户选择自己坚持的人生方向
并随机生成不同的海报
技术分析：
本案例首先通过一段长视频进行开场
视频里面充分展现了一名忍者从稚嫩到成熟的全过程
在火影实现忍者之路的奔跑过程中
会面对三个关于人生抉择的问题
而且整个画面内容基本还原的火影的漫画风格
给人一种自己并不是在参加H5测试
而真的是在翻阅火影的漫画
在无形之中传递了火影的品牌概念
视觉分析：
设计上忠实的还原了火影的风格
以漫画书的形式进行展现
经典的黑白画面加上人物的对话思考
充分表现了火影的元素风格
凤凰网：一条将发生在6月1日的新闻
创意分析：
这是凤凰网针对益童计划而推出的H5
“益童计划”是凤凰网公益专项基金旗下
促进贫困地区儿童医疗健康事业的公益项目
针对中国贫困儿童成长过程中的
生活水平、教育发展、心理健康、医疗救助等
方面进行救护
而本案例的标题采用一条将发生在6月1日的新闻
契合了凤凰网作为一家传媒的调性
也利用这种标题党的形式吸引了用户的注意
技术分析：
进入本案例后
首先是选择五个年龄段
分别包括50后，70后，80后，90后，00后五个群体
可以进入不同的年代进行体验
每个年代会展现当时的童年经典画面
让人回忆起自己的童年时光
回忆完自己的童年后
则会进入益童计划环节
展现当下处于真实困境的孩子照片
让用户为这些孩子助力
只要参与一次就有爱心企业为孩子们捐款一元钱
并且可以生成自己的捐赠凤凰新闻图片
视觉分析：
设计上分为两部分
前半段是经典的童年手绘回忆风
后半段则是手绘凤凰新闻的画面
将严肃的益童计划变得稍微活泼一些
百度：不喊妈的宝宝躺赢
创意分析：
这是百度为了自家的小度AI音响
推出的六一品牌H5
主要通过7个视频短片的形式
为用户营造7种不同的使用场景
并且小度AI音响可以解决一些用户需求
技术分析：
进入H5后首先是一段宝宝的加载页
随后一段提示：让宝宝躺会吧
并会进入一段视频场景
党要出去旅游的时候
妈妈反复叮嘱宝宝要带这个带那个
然后一个百度AI音响直接告诉你
旅行地的天气如何，该穿什么衣服
或者是敷一个15分钟的面膜
却总是错过时间
小度AI音响定时提醒你该卸去面膜
如此等等一共营造了7个用户场景
最后会生成自己的分享结果页
而且别出心裁的为小度AI音响进行引流
点击我要有小度即会进入小度商城购买页面
视觉分析：
设计上是一种魔幻风的手绘风格
整体形势较为新颖
但色调设计较为阴暗
并且颜色搭配较多
让人一下子找不到重点
这点是唯一的缺陷部分
热门推荐阅读：
现在登录注册人人秀官网
即可免费领取10000个精品H5模板！
猛戳阅读原文即刻制作
网址：www.rrxiu.net
猛戳下图定制刷屏H5
猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
点击阅读原文，即刻制作！㊋㊋㊋