场景型

当前最热门的H5应属场景型H5，即营造某种特定场景的H5，在画面中讲故事。有背景和情节做为基础，让用户更有代入感，特别是加入交互技术的，让用户自己来控制情节的发展。

方太小碟仙

这支一笔画成的H5，在众多体验华丽的作品中，显得有些单调。碟仙这一词语自带关注度，内容新颖，画面中一块白色盘子，观众需持续轻点，画面会随之变动，增加了互动性。用简单的线条、细腻的文案和独特的方式演绎了一个妈妈洗碗的场景，给用户留下深刻影响。

一个妈妈洗碗的场景，给用户留下深刻影响。

滴滴两周年

滴滴用三段用户实际体验改编H5，通过夸张的表现方式展现了用户的使用场景，直观向用户展现用滴滴和不用滴滴的区别，画面有趣且让用户有共鸣。

测试型

测试型的H5最适用于热点的结合与跟进，比起场景型或以下会说到的几种类型，没有过多复杂的技术支撑，制作时间快，能在热点还热之时借势出现在用户的视野，传播效果明显。

网易新闻：你是《欢乐颂2》里的哪个主角

《欢乐颂2》瞩目开播，网易新闻瞄准了这个热点，在剧集过半的时候制作了这个H5，影视剧大IP自带流量，收获了不是电视剧的粉，借势借的好，自有人分享传播。

美柚：测测你和谁是天生一对

美柚贴614情人节做了一个“天生一对”的H5，页面清新，内容网感强，配合当下互联网的御宅族出了一系列测试题，联合10家品牌送福利，通过测试题和答案，引导用户注意品牌和其使用场景的天生一对。

视频型

品牌在基于创意内容上，形式也是有很大的改变。例如把H5和视频相结合，不仅效果炫酷，还适合明星来演绎，颇有大片的风范，并且能实现视频广告做不到的人机互动。

腾讯游戏×韩寒：天赋是杀不死的

H5中身兼作家、赛车手、导演三重身份的韩寒，演绎一场捍卫自己天赋的生死大逃杀，结合动漫的元素给用户带来崭新的体验。

全民飞机大战：筷子兄弟手把手教你打飞机
真人H5都惯性采取视频特效来实现和用户之间的“伪互动”，但这只H5打破了H5视频不能添加大量互动的技术屏障，让用户真实体验到了和“明星”互动的快感.

展示型

展示型的H5在近一年得到很多品牌商的青睐，它的制作简单，没有过多的交互，但在视觉设计上下足了功夫，让人大饱眼福。

航班管家：鸟人的活剧

航班管家这个H5用6个画面展示了出现应有的态度，整体风格非常明显且贴合主题。

网易云音乐：乐评博物馆

被杭州地铁的乐评海报刷屏之后，网易云音乐贴心建造了一所「乐评博物馆」，用简单的画面和有故事的文字组成起的H5，没有花哨，只有走心。

技术型

技术型H5，顾名思义就是那些以技术优势取胜、运用炫酷的技术作为卖点的H5，我们常见的包括全景/VR、3D、重力感应、双屏互动等等，天猫在这方面给我们提供了很多优秀的案例。

天猫：地球上的另一个你，会在哪里

天猫用强大的技术为大家展示了平行世界的另一个你，通过手机的上下摆动来切换梦想与现实的两种状态，而且切换的不仅是画面，还有搭配两个场景的BGM无缝衔接，值得点个赞。

天猫：无忧话剧团

值得一提的是，天猫之前做的一个H5页相当不错，VR和H5的结合，让人很有代入感。

优质的H5还有很多，甚至是包含了以上多重属性，品牌在依靠H5传播的同时，也注重了H5的美观和内在含义。