最近热门刷屏的H5有很多
上周新华社刚联合腾讯推出我的工位DIY H5
顺利刷屏朋友圈
网易哒哒又带着自己的人生100件事H5刷屏
这次不仅是在朋友圈传播
同时也上了微博话题
同样话题也是千万级刷屏
最近比较热门的作品都是基于场景DIY的H5作品
可见场景型的H5越来越受到品牌方的重视
一方面场景型H5可以巧妙融合各类话题
通过营造各类用户场景来深入展现用户需求
同时可以潜移默化的植入品牌方的产品信息
同时对用户不会造成太大的信息干扰
降低用户的抗拒心理
但场景型的H5也需要品牌做好用户细分
通过情感、场景、内容等形式
唤醒用户对于作品的情感回忆和共鸣
从而激发用户的创造以及分享欲望
网易哒哒：人生必做的100件事
创意分析：
这是网易哒哒推出的创意H5
短短三天迅速获得了2300万的阅读
甚至在微博上也掀起了同名话题
阅读量也超过2400万阅读
这也是为数不多的由H5带动微博话题热搜的作品
本作品的主题主要想传递给用户一个概念
一辈子很短，要把时间花在有意义的事上
术分析：
技术分析：
本作品属于清单类型的H5
这类的作品有很多
但本作品的角度选择从人生出发
将人生一辈子做的事情罗列出100件事情
事件选择偏向情感类维护
例如拍一次全家福、遇到过令你心动的人、与朋友彻夜谈心等
这些事情是每个人都会做的事情
而且会勾起用户的人生回忆
罗列的100件事情大多与亲情、爱情、友情、梦想有关
并且聚焦在人生活中的小确幸
事情并没有任何门槛，但又有着不同的意义
看看用户到目前已经完成了多少事情
在用户进行选择的时候
会发现人生时光的流逝感
发现自己已经这么大了，但却只做过这些事情
从而激发用户的情感回应
视觉分析：
整体视觉设计上以黄色系为主
界面醒目并且给人活泼灵动的感觉
同时画面色彩丰富鲜艳，张力十足
而且整体插画偏向扁平化风格
构造大面积的色块元素，简约直观
新华社&腾讯：我在家复工/开课的姿势
创意分析：
这是新华社联合腾讯推出的DIY场景H5
主要围绕大家受疫情影响宅家办公或者上课
用户可以自己创作出在家的工作状态
你在家是左手打字，右手撸猫
还是是穿着睡衣抱着薯片可乐打电话
或者是精致全妆开视频会议？
作品契合了当下的用户痛点
并且受到了国社和腾讯的双重流量加持
推出就受到了关注
同时作品中也结合了新华社和腾讯的相关产品
在互动娱乐中做出了自己产品的品宣
技术分析：
进入作品之后，用户需要进行场景选择
选择自己的性别后即可进行个性化的搭配
包括办公场景、办公姿势、装饰等等内容
可以根据自己实际情况选择内容
例如办公场景选择在客厅、书房等等
也可以选择卧室、洗手间等非常规场所
最后构建你个人的办公姿势和装饰等等
最后生成结果页的海报
视觉分析：
设计上以卡通扁平化的风格为主
而且场景非常符合家庭生活的细节
还有一些个性化的装饰标语
把每个人在工作中的细节都展现出来
网易云音乐：你给我变个rapper试试！
创意分析：
这是网易云音乐推出的场景DIY作品
主要围绕着rapper工作场景进行构造
可以按照自己喜欢的模式进行堆砌
设计完成后可以生产自己的海宝
最后可以看到自己喜欢的是哪种rapper
同时也会推荐对应的歌曲歌单
把品牌元素及产品融入到作品中
技术分析：
进入活动作品后会直接进入一名rapper的房间
用户可以根据自己的喜好给rapper进行搭配
包括选择衣服、服饰、发型等等内容
最后生成海报结果页
结果页上会显示你的rapper属性
并会根据属性推荐你对应的歌曲
用户可以直接跳转网易云音乐听这些歌曲
视觉分析：
设计上以手绘风格为主
画面设计元素众多，对比强烈
并且采用目前比较流行的简约设计风格
大色块的碰撞营造rapper的潮流风格
网易新闻 x 喜梦宝家居：那个丢失了梦想的年轻人
创意分析：
这是网易新闻与喜梦宝联合打造的品宣DIYH5
通过一段充满情感格调的动画
勾引出每个人对于家居生活的想象
然后进入到创意家居DIY的环节
用户可以根据自己的喜欢描绘自己的家居生活
最后生成一个结果页海报
重点宣传充满爱意的居家生活
并且把喜梦宝的品牌结合进DIY作品
无形中扩大的品牌形象
技术分析：
进入作品首先是一段情感动画
勾画出每个人对于梦想的期待
但面对家里混乱的场景
自己却失去了对家的幻想
也没有力气去重新装饰
然后给出交互场景
用户可以重新勾勒出自己对家的梦想
场景里面包括地板、墙纸、窗户、家具、人物等细节
用户可以根据自己的喜好布置自己心仪的家
最后生成一个结果页海报
视觉分析：
设计上场景DIY环节主要以卡通风格为主
前期过场动画则以卡通写实为主
挑选了年轻人在生活中随处可见的真实场景
包括家里的脏乱差细节也描写的很到位
并通过家居画册效果图与现实家居场景的对比
进一步唤醒用户对于家的美好想象
美颜相机：表白白衣战士
创意分析：
这是美颜相机针对白衣天使推出的创意H5
疫情期间那些白衣天使付出了很大的牺牲
所以美颜相机推出了这个创意H5
用户只需要上传自己的自拍照
就可以和白衣天使合影
并且会根据自拍照的人物不同姿势调整白衣天使姿态
让合影照片显得更加真实
技术分析：
技术分析：
整个作品流程比较简单
进入作品后会直接提醒用户
可以上传个人自拍半身照
然后用户上传成功后就会生成一个白衣天使合影照片
视觉分析：
背景设计比较简单
因为是简单的照片合成类H5
因此只考虑主画面的背景色
采用了温馨的淡粉色背景
与白衣天使治病救人的理念相呼应
01
福利时刻
人人秀的技术和设计团队连日加班加点
也紧急上线了近期热点宣传模板
例如招生、招聘、疫情等内容
同时绝大多数模板还支持移动端使用
用户点击链接即可进入移动端页面
可轻松通过手机快速实现疫情宣传H5的上线传播
用户只需要通过移动端添加模板
通过手机可以直接增删或者修改模板上的文字
修改完成后可直接上线传播
快速实现疫情宣传H5的高效上线及传播
热门推荐阅读：
现在登录注册人人秀官网
即可免费领取10000个精品H5模板！
猛戳阅读原文即刻制作
网址：www.rrx.cn
猛戳下图定制刷屏H5
猛戳下图浏览更多创意H5案例
更多创意H5解析
请关注H5创意汇
每周为你解析最热门H5案例
点击阅读原文，即刻制作！㊋㊋