最近有不少大厂出了一些优质的H5
像网易、天猫、考拉等都出了自己的活动
而且从近期H5的种类来看
视频类H5越来越多
而且视频H5也从以往单一的视频测试类
开始向视频剧情、视频搞怪等方向发展
未来视频类H5会是一大主流方向
大家可以多留意一些
今天给大家重点推荐考拉这款H5
虽然最终目的是推广自身的母婴节
但整个H5的剧情设置以及画面交互恶搞的内容
都非常出色
延续了网易系一直以来的H5传统
大家也可以发表自己的看法哟
考拉：老婆终于对我下手了！
创意分析：
考拉APP为了宣传“超级品牌日”推出的作品
在作品中以漫画短片的形式讲述了
男主角与怀孕的老婆灵魂互换后发生的事情
以此表现孕妇在孕期的劳累和辛苦
最后用户可以登录考拉APP浏览孕婴用品
以此号召男同志要体贴孕妇
技术分析：
技术分析：
通过一句非常经典的台词:"男人的嘴，骗人的贵"
来带入整支H5
接下来通过视频H5的形式展现整个活动
从与老婆抱怨到夫妻之间的灵魂互换
再到男主角换身之后感受到妻子体检的辛苦
以及工作中受到的各种不平等的待遇
最后让男主角感受妻子怀孕中遇到的各种劳累
最后希望男同胞们可以反思自己的日常行为
更多的对自己妻子多一些关爱，少一些抱怨
视觉分析：
漫画设计的很简单
基本都是在空白的背景下对人物和环境进行简单描绘
穿插了一些搞笑表情包
搭配快节奏的播放
让故事很爆笑，又很紧凑
创意分析：
这是LinkedIn领英在求职季
推出的一个“逆转面试霉运”创意H5
主要是通过视频形式展示了
一次让人绝望的面试场面
再以消除霉运为由头
邀请用户摇一摇摇出好运签
技术分析：
整支H5采用的是视频+音频的形式
加载进来后首先通过音频对话的形式
交代了整个面试的大背景
然后会以第一视角开始播放H5
让用户感受三个非常奇葩的面试官：
人力、老板、市场
当面对面试官的咄咄逼人而手足无措时
可以选择删除求职霉运
接下来是摇一摇抽好运
最后抽出来的好运签
可以拿来当自己的手机壁纸哦
视觉分析：
视频部分是第一视角拍摄的实景视频
具有带入感；第二部分是简约风格
白色的底和领英品牌蓝色的字
看起来很清爽
天猫：春夏新风尚潮流趋势
创意分析：
天猫的H5出的比较少
一般也是配合自己的营销节点活动而推出
本H5也就是天猫为宣传春夏服饰的上新和优惠活动推出的H5作品
在作品中通过视频播放和文字闪现的方式
向用户展示最新穿衣风潮
以此激发用户购买欲
最后界面用户可以复制淘宝口令
进入淘宝领取优惠和浏览新品
技术分析：
H5圈有三个大神
网易是剧情流的代表人物
天猫是技术流的代表人物
腾讯是两者皆有
天猫这次H5就采用了非常酷炫的H5技术
从刚加载处以词语满屏排列
随机变换形式闪现的方式吸引用户注意
随后通过5秒的小视频展现各类衣服风格
真人模特穿着相应风格的衣服活动
而且一共展现了八种不同风格的内容
充分满足所有人的着装需求
技术上虽然采用的是最简单的滑屏翻页交互
但每次翻页滑动的效果都不同
而且采用不同的字体的密集排列和快速变换样式
给人非常惊喜的感觉
视觉分析：
整个作品非常吸引眼球，设计个性也很大胆
充分表达了整个作品所蕴含的时尚态度
网易：隐形爱慕者
创意分析：
这是网易在愚人节期间推出的创意交互视频H5
通过以一人分饰两个角色的故事展现形式
通过暗恋、接触、表白的场景
让用户点选帮助男主角搞定女神的故事
从而推广社交软件网易大神APP
技术分析：
网易最擅长的就是将品牌带入各种故事中
本H5同样也是这种剧情视频的风格
男主角作为一个常年加班的单身狗
暗恋自己办公室的女神同事
用户需要帮助男主角完成四道难题
每完成一道难题会增加一次好感度
直到完成全部题目后
会进入落地页页面
而这里很多人都会跳入网易挖的愚人节大坑
落地页有两个按钮
“我要拿大疆云台”和“悄咪咪围观后续~
前者是参与网易大神愚人节活动赢取奖品
而后者这个带有诱惑性的名字一点开
就是愚人节快乐几个字
随后跳转到网易大神社区页面
视觉分析：
因为整个视频以视频拍摄为主
因此没有太多的设计亮点
而答题部分统一采用的是蓝粉色元素
增加了一定的青春少女气息
flow：你的青春，再不晒就霉了
创意分析：
一款很特别的海报生成类H5
整个H5一直在表达态度十足的概念
邀请了5个平台内容创作者
来各自讲述他们的青春态度
视频一开始的镜头很有王家卫的感觉
各自叙述着自己的人生故事
技术分析：
作为视频类H5
有着较为浓厚的模仿网易的痕迹
不管是文案还是拍摄手法
都在学习网易有态度的风格
而在最后的海报DIY环节
设置了5种不同的青春态度
潮、佛、逗、宅、美
每种态度下有多条文案供用户选择
在实景拍摄的城市天台背景下
用户选择的文案呈现在一张被风吹动的白床单上
恩，每个人的青春里都会有一张白床单
视觉分析：
设计上主打年轻时尚的元素
不管是城市高楼
还是海报的环节
采用扁平化的设计元素，充分彰显年轻人的活力
也是一款很有意思的H5
热门推荐阅读：
现在登录注册人人秀官网
即可免费领取10000个精品H5模板！
猛戳阅读原文即刻制作
网址：www.rrxiu.net
猛戳下图定制刷屏H5
猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
点击阅读原文，即刻制作！㊋㊋㊋