7月已经来到我们的身边
最近《长安十二时辰》大火
为了这部剧
优酷可谓是使出了全部的力气
从弹幕到剧情互动问题再到各类衍生品
这部剧已经成为了当下的最热的电视剧
而优酷也再度借力
推出了相关宣传H5
用户可以化身剧情主角参与现场探案
并且通过不同的选项回答
测试自己是长安里面的哪号人物
并且由于包含两大主角三大选项
每次参与活动的结果都会不同
增加了H5的可玩性
除了优酷之外
知乎这次也蹭了蜘蛛侠这个大IP
通过蜘蛛侠和蜘蛛精的碰撞
引发产品层面的参与并进行品牌曝光
此外还有中国移动、蒙牛等品牌的宣传传播
今年越来越多的品牌开始试水视频类H5
而H5的内容也越来越精美
更加讲究剧情的连贯性
大家也可以看看这些H5
学习下大厂的H5制作理念
优酷：长安迷局
创意分析：
最近最火的剧应该就是《长安十二时辰》
一堆人疯狂追剧并且安利给身边的各个好友
本案例也是优酷针对电视剧推出的宣传H5
通过探案的表现形式
将自己置身在剧情当中
选择自己如果在长安十二时辰里
会是什么角色
技术分析：
技术分析：
本案例以gif动图的形式进行展现
开场首先是选择自己挑选主人公
可以从“张小敬”、“李必”中任选其一
随后通过三个故事情节展现问题
根据回答问题的不多则会对应增加属性值
属性值分别对应武力、勇气、智力
当回答完三个问题后
则可以查看自己的长安身份
并且因为每个角色以及答案的选择不同
都会带来不同的效果
因此也可以重新再探案玩一次
在结果页也增加了引流的环节
通过点击还原真相的按钮
则可以跳转到电视剧的播放页面
视觉分析：
在设计上延续了海报中的红色和蓝色色调
并且画面采用了电视剧视频作为实际展现效果
整体色调设计的较为阴暗
也符合探案的形象设计
知乎:蜘蛛侠和蜘蛛精Battle，谁能赢？
创意分析：
大家还记得前不久热播的蜘蛛侠吗
知乎这次就跟上了蜘蛛侠的热点
不过既然有蜘蛛侠
那肯定就会有蜘蛛精
知乎这次的创意主题就是
当蜘蛛侠遇到蜘蛛精后，两个人会碰撞出什么火花
最后被路过的唐僧指点
前往知乎获得解答
最后并引导知乎下载
技术分析：
本案例首先是延续复仇者联盟的故事
当蜘蛛侠消灭了灭霸后，被传送到了异空间
随后来到了盘丝洞的门口
遇见了一众蜘蛛精
随后展开了一段啼笑皆非的开场及打斗
而打斗过程中会针对一些双方不能理解的问题进行提问
问题会以弹幕+知乎logo的形式曝光
最后唐僧出场来解决双方的矛盾
并引导对方可以去知乎上面搜索问题获得答案
视觉分析：
设计上人物形象设计的非常精妙
蜘蛛侠一脸呆萌的状态
而蜘蛛精则是自恋+玻璃心的形象
唐僧依然是话痨的形象出场
让动漫看起来非常有趣也有笑点
更加促进了活动的传播效果
蒙牛：皇上皇上，你喝奶~
创意分析：
这是蒙牛用于宣传自己
新养道的0乳糖牛奶所推出的互动H5
以皇宫大内的故事展开剧情
通过妃子和皇上的多番互动
引出0乳糖牛奶的功效以及对于乳糖不耐脏的福音
并最后落地到活动页
技术分析：
本案例交互以及展现形式较为活动生动
加载页就是一行字被牛奶灌满的形象
而整个剧情则是以皇帝宣布全宫禁奶为开端
随后皇上宠妃想喝奶，为此让皇帝参加了一项测试
需要回答喝奶的时候是否骨子咕噜噜或者胀气
随后太医会诊断肚子是否敏感
并推荐食用0乳糖糖
最后落地到蒙牛新品的结果页
出现奉旨喝奶的结果
并出现新养道零乳糖的产品图片
点击马上领取跳转到京东的购物页面
视觉分析：
设计上延续古风古画的风格
并且每句话都有着自己的配音
画风延续皇宫常见的红黄配色
整体风格保持一致并且有连贯性
而最后的落地页则巧妙的将购买按钮换成了领赏
进一步提高了整体的页面跳转率
无忧行：港真，我爱你
创意分析：
这是中国移动为了推广自己的跨境通信服务APP
选择的以亲情为主题的宣传H5
本案例主要讲述了孩子陪爸妈旅游的故事
还是一个很老套的灵魂互换的故事
只是这次是老爸和儿子灵魂互换
因此在旅行中发生了一系列的小故事
提醒用户多花时间陪伴一下父母
多关心他们
技术分析：
本案例主要通过视频形式进行剧情展示
首先是一个录像机风格的页面
写着“你想和爸妈一起旅行吗？”
仿佛准备拉开一场精彩的回忆录
随后进入主页面
首先是一家人在飞机上准备前往某地游玩
爸爸对于出行比较紧张，不停的向孩子问东问西
孩子则有些不耐烦，表示一切都安排妥当
并且适时的露出了推广品牌的LOGO及形象
随后一阵变换父子的灵魂开始互换
孩子则体会到了父亲的身体及个人情况
也开始了解为什么父亲会不厌其烦的问这问那
最后父子之间开始互相理解
并跳转到落地页
视觉分析：
在设计上以卡通人物为主
不论是爸爸妈妈还是孩子都有自己的造型
而且整体表情可爱剧情新颖
而且整个过程全程配音
很为用户着想
银联手机闪付：打开99层你真行
创意分析：
这是银联手机闪付为了推广自己的支付功能
而推出的互动创意类H5
通过不停的打开盒子的游戏形式
融合了一定的时事热点和品牌玩法
让用户感受银联手机闪付
打开很难，不打开很简单
的品牌理念
技术分析：
作为一个互动类的H5
因此更强调交互动作的精美
玩法很简单，就是不停的重复打开盒子
而每个盒子打开后都会弹出不同的东西
比如绝地求生的垃圾箱
或者是当下垃圾分类的垃圾箱
或者是钥匙开锁
甚至还要通过做数学题来开盒子等等
通过这些不同的特效及玩法
不停强化展现银联手机闪付的品牌
最后展现银联手机闪付的slogon及落地页
恭喜闯关成功，HUAWEI Pay发来贺电
打开99层很麻烦？不打开APP支付就简单
视觉分析：
产品设计上非常精美
通过不断重复开一个盒子的玩法
利用这种感官上的矛盾来传播品牌理念
并且利用精美的定格动画和通关抽奖动画
吸引用户不停深入玩下去。
热门推荐阅读：
现在登录注册人人秀官网
即可免费领取10000个精品H5模板！
猛戳阅读原文即刻制作
网址：www.rrx.cn
猛戳下图定制刷屏H5
猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
点击阅读原文，即刻制作！㊋㊋㊋