最近一段时间可以做的营销节点不多
因此相关H5都是属于很常规的内容
网易云音乐依旧保持了一定的更新频率
这次的主题是回到1999年
假如真的能回到20年前
二宝拼了命也要让爸妈买房
借钱买个十套八套
二宝以后就不用工作了
除了网易云音乐之外
拉勾则是跟爱卡汽车合作出了联名H5
京东则针对自家的家装节推出了宣传H5
另外这次也分享了GUCCI的新品发布会H5
大家可以看看国外H5的制作思路及制作技巧
而且网易云这次的图片融合H5
也开创性的使用了
手动选框多选物品进行批量操作玩法
相信后期会有不少H5跟进此类操作
网易云音乐：假如送你回到1999年旅行
创意分析：
这是网易云推出的一款弥漫着怀旧气息的H5
——《重返你的1999》
作为一款DIY场景生成海报H5
很多物件都是我们小时候常见的东西
这些东西物件能够唤起某些用户小时候的回忆
引起80、90后的共鸣，进而宣传品牌
最主要的是每次进入
都有一首不同的年代感很强的背景音乐
让你瞬间有种穿越回过去的感觉
技术分析：
技术分析：
进入页面后，可以对页面的五个元素进行设置
包括箱子、玩具、音乐、零食、其他
将自己想要带的东西装到行李箱内即可
元素还支持拖拽、删除，旋转，伸缩
跟以前DIY海报生成类H5相比
网易这款H5脱颖而出的亮点在于
用户可以用手动选框多选物品进行批量操作
最后就是保存后生成一张自己的专属回忆
视觉分析：
设计上，用仿旧的卡通画风
把20年前的那些老物品描绘出来
像跳跳糖、电影海报、大白兔奶糖等
很容易就唤起90年代人的记忆
拉勾×爱卡汽车：测测你的职场气质配开什么车
创意分析：
初看拉勾跟爱卡没什么关联性
但因为两者针对的都是年轻群体
于是很自然的就有了一定的关联度
在在H5中两个品牌都有一定的合理露出
并且紧贴当前的时事热点
巴黎圣母院、996、聚会话题等职场需要面对的几件事
都在H5中有所讨论
技术分析：
因为是常见的答题测试类H5
所以采用的是横屏左右滑动切换的效果
答题选项设置在了屏幕的最下方
根据人物在不同的位置
会以不同的状态呈现选项内容
最后会生成一张属于你的职场气质
有雷达图显示你的气质
并匹配了一个性格专属座驾
视觉分析：
整个H5的画风因为线条多为直线
看起来很干净利落
而且因为是横屏条漫式
所以很注重画面的整体感
并且一些热点也在画面上有所体现
京东：我是努力家
创意分析：
这是京东为了宣传3.28-5.2的京东家装节
推出的一款很有意思的小游戏H5
H5里面京东的吉祥物Joy作为游戏主人公
让京东的品牌元素无处不在
另外整个H5都是采用了一些家用元素来展示
包括各类床垫、沙发、马桶、锅铲等
游戏结束后可以跳转到京东家装节页面
为产品做引流
技术分析：
游戏玩法本身并不复杂
就是最简单的跳跃游戏
当遇到障碍物的时候顺利跳过去就行
而且很有特色的地方是
如果不小心在哪个地方摔倒了
Joy还是从原地站起继续调
印证了从哪儿跌倒从哪儿爬起这句话
视觉分析：
设计上，整个页面色彩用了蓝色背景
但色系采用的是暖色系的设计风格
并且包括一些家装元素
也都是根据游戏进度来展现
滴滴出行：你是多少度的女孩
创意分析：
滴滴出的H5并不多
而且H5一般都是属于数据总结类的H5
这款H5也不例外
属于数据分析+产品功能介绍类的H5
从形式上看属于“横向长图+海报”类型的H5
主要是根据女孩类型
给出女孩出行“热度值“及打车出行时的建议
宣传滴滴安全出行理念和若干安全新功能
技术分析：
或许是受早先滴滴安全的影响
现在滴滴的H5非常注重宣传出行安全的内容
这款H5就是属于给出九种女孩的热度值
每个女孩滴滴会给出自己的出行安全建议
可以选属于自己的类型查看具体情况
并择长图保存随时查看
也可以返回查看滴滴的新功能
视觉分析：
设计上采用深蓝色系的背景调
另外女孩以红外热成像的形式展现
对应H5主题的热度
让用户可以对号入座
并了解女性夜间安全出行的常识
GUCCI：GUCCI ZUMI
创意分析：
比较难得一见的国外大牌的品牌H5
不过水准与国内相比
emmmmmmm
感觉国内随便一个三线厂商H5都能碾压GUCCI几条街
不过有特色的地方是在手提包的展示页上
随机展示了Alaska Lynch的诗
Alaska还在中国朗诵了这首献给zumi的诗
也算是一种很巧妙的互动
技术分析：
GUCCI的这款H5采用的是一镜到底的技术
开门见包的设计思路很外国化
毕竟国外讲究直来直往
但GUCCI的一镜到底用了一种全新的方式
以一种翻阅式的效果来过渡场景
整个过程流畅度很好
上滑下滑都没有卡顿现象
而且有一个很好玩的气泡始终贯穿整个H5
视觉分析：
设计上因为英语不像中文这样博大精深
因此没有太多文案上的花哨
主要是采用了文案及声音渐入渐出的模式
让H5稍稍显得精致一些
热门推荐阅读：
现在登录注册人人秀官网
即可免费领取10000个精品H5模板！
猛戳阅读原文即刻制作
网址：www.rrxiu.net
猛戳下图定制刷屏H5
猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
点击阅读原文，即刻制作！㊋㊋㊋