H5成为移动端一种非常火爆的营销形式，如今越来越多的企业商家、公益组织、政府机关等，都会利用h5来进行宣传和推广；今天蓝橙互动小编给大家分享一款火爆的h5案例，有兴趣的可以扫码试一试。

案例：世卫组织发现“新型病毒”，潜在感染者已过亿

出品：少年三国志X镇魂街

技术实现： jQuery

亮点：

1.创意定位，由一则假新闻切入故事，故事整体是一个穿破次元壁的漫画视频，故事情节脑洞很大，故事情节中软性植入了宣传主题，过程中有多次用户交互。最后视频结束，露出品牌宣传海报。

2.策划上，H5一打开进入了一个长图，模拟新闻的形式。下滑到最后需要点击播放视频进入下一步。在视频部分中，一共有3段视频，中间有两次需要用户点击视频进入下一段视频。视频部分主要讲述了南朱觉成为三维世界最后的幸存者，然后他穿越到了二维世界，与两位游戏主角一起打怪，最终守护了世界的故事。

3.设计上，视频部分是漫画风与实拍相结合的设计风格，背景音乐很燃。

4.体验上，这是手游《少年三国志》与国漫IP《镇魂街》的跨界合作宣传，H5的视频部分用大概3分钟的时间讲述了两个品牌要“合体”的故事，并向用户传达了两家的共同价值观。回到H5作品，整个作品内容衔接顺畅，故事情节紧凑有趣，吸引人。不过，漫画部分之外的页面设计略显粗糙。

【案例截屏】

想要发现更多金典h5案例或是想要一款优质的h5，欢迎咨询我们蓝橙互动，我们有专业的h5开发团队，开发速度快，价格合理，欢迎在线咨询。