logo头像

叩首问路,码梦为生

那些惊艳的移动端H5案例

不管是公司用于宣传还是对某个产品进行营销,移动端 H5 的应用范围越来越广,其取得的效果也有目共睹,而这篇文章就带大家领略一下那些十分惊艳的移动端H5案例,希望大家抱着猎奇的心态观看,毕竟可远观而不可亵玩呐-。-(以下活动有可能是限时的,所以当你再次访问时有可能已经关站了,排名不分先后)

案例

adidas-胜势全开

adidas 为自己的新战靴做的宣传,不过看开头动画的时候有点吓到我了- -,这为了宣传新鞋也真是下了一番功夫啊。。

凡科720°全景×活动促销

凡科互动是凡科旗下的一个子品牌,主要做的就是这种活动促销 H5,其中大多数为游戏的形式,而这个 720° 全景营销案例很经典,之前我也曾经尝试过实现一个类似的,结果可想而知。。因为 720° 需要用到一些数学知识,同时为了让其滑动的更顺滑,引入了很多插件,所以是一个比较难实现的案例。

Merrier和王者荣耀的故事

不知道你们能不能打开这个链接,应该是只能在微信中打开的- -,这是王者荣耀在两周年的时候出的一个总结性质的 H5,色彩搭配很舒服,同时各种数据的统计证明这个文案是用了很大心思的。

有志者,吃就橙

大众点评和摩拜单车联合搞的一次“炫光吃货车”活动,虽然其实就是一个不能暂停也没有很人性化的静音按钮的视频,但是不得不说,文案还是有一丢丢创意的,而且配音也很有意思。。

车轮招聘节

车轮——让有车生活更美好制作的招聘宣传 H5,虽然动画比较简单,而且元素也比较单一,但是整体效果还是不错的,而且有一个很牛逼的微信分享标题:《我们在召唤你,艾泽拉斯最强的勇士们!》

开打法魔用能只章文篇这

(这个标题用了我 30 秒的时间)不得不承认这是我见过的最炫酷的 H5 宣传案例了,当那熟悉的旋律响起,我们仿佛就置身于霍格沃茨魔法学院,通过一些手势产生互动,最后还能学到魔法,不得不说真的很赞,不过缺点就是:这个是宣传什么的来着?

艾泽拉斯全景之旅

80 年代的魔兽世界,大灾变之前的艾泽拉斯,wower 老玩家的回忆。不知不觉,魔兽世界已经陪伴我们超过十年了,虽然我自己玩魔兽的时间很短很短,不过对魔兽世界的文化本身还是比较感兴趣的,而这个 720° 全景可以说做的很用心,也很真实,同时还能够看到一些玩家在暴风城等地方留下的感慨,岁月流转,曾经一起下副本的朋友们你们过得还好吗?

朕收到一条来自你妈的微信

这个标题着实吓到我了,不过点开才发现,这和我妈有什么关系?!其实就是故宫食品的宣传 H5,在这里赞一下文案设计,风趣而不失稳重(看饿了):

圣旨到
奉天承运,皇帝诏曰
朕最近心情不佳
打农药微信总弹窗
段位一直掉掉掉掉
烦死朕了
朕实在控记不住记几啊
点开一看
朕收到了你妈的微信
让你中秋回家吃月饼 SO
朕就给你批个长假
回家过节
反正带不回对象
那就带朕的心意
哈哈哈哈,没想到吧
朕给自家御膳房走波广告
(…各种弹幕)
朕的御厨,平时很闲
除了月饼,还做了一堆
(…各种吃的)
现在有些妖艳的月饼
咬一口防腐半年
一定是哪个刁民
想谋害朕
好继承朕的江山
稳住我们能赢!
朕的御膳房,刀枪不入,百毒不侵
国味汝肴典藏月饼
这就是朕的心意
故 宫 的 月 饼
眼花了吧 哈哈哈哈哈
朕就是这样迷人的汉子
(好不要脸)

领英丨名企梦工厂-今日头条

领英在校招季携手 18 家顶级名企,用 VR 全景带你全方位无死角地触碰心仪公司,可以说结合 VR 进行企业的介绍效果很赞,再加上旁白的介绍更加饱满充实,不过就是流量消耗巨大。。如果对 VR 感兴趣的话,欢迎去 VeeR-全球VR内容分享社区观看更多 VR 视频(首先,你得有一副好的 VR 眼镜)

2017两会

人民日报在两会期间做的微信宣传 H5,很有创意,借用微信群聊和朋友圈的方式对国家取得的成果进行了展示,同时进行了一些宣传和号召。

王思聪邀请你加入群聊

现在的标题党越来越多了。。其实和上面那个两会的 H5 类似,只不过粗糙一些,而且内容也比较少,就是滴滴的一个活动的宣传,很明显的不太用心啊。

河北衡水中学720°全景图

衡中虽然占地面积比较小,但是每年产出的清北人数可以说在全国都是名列前茅的,而这个 720° 全景图相比之前魔兽和凡科的就差太多了,好希望有人能做一个比较细致的 720° 全景图啊- -

比尔盖茨邀请你加入群聊

需要在微信中打开,和上面的“王思聪邀请你加入群聊”类似,都是模仿微信进行宣传,同时加入了一些用户互动,最后重定向到了公众号中的一篇文章,其实这种形式是一种很好的宣传,值得借鉴

以你之名,守护汉字

网易有道做的“守护汉字”主题活动,根据你的姓名为你分配一个需要守护的古汉字,让我不禁想起了《国家宝藏》,不过不得不说,动画特效和 BGM 都很赞,在“提笔忘字”的今天,守护汉字显得尤为重要

快看!李彦宏父女跑进你的手机啦!

虽然只是一个视频,技术上难度很低,不过这个视频做的很赞,百度通过这种形式宣传自己的“手机百度”,虽然对百度并无好感,不过如此用心的视频还是要赞一个

2017,谁是头条?

头条对于 2017 年度新闻的总结,水墨画与太极的结合很是中国风,文案处处体现着“中国功夫”的元素。

唐朝名媛高阶生活指南

你不看到末尾不会想到,这是中国移动的广告。。。

二零一七年娱乐圈画传

去年的一个网易娱乐年度新闻盘点的 H5 页面非常的新颖,采用画中画的形式依次串联十多个手绘娱乐图片,加上洗脑的“好运来”音乐,让人有很大的分享的欲望。这里有一篇解密的文章:《Canvas 实现画中画动画效果–网易娱乐年度盘点H5动画解密》

娱乐圈画传2018:江湖多离别 十年如一梦

从 2008 到 2018,时间是世事更迭最好的导演。网易娱乐将娱乐圈画传做成了一个 IP,希望一直做下去吧。

她挣扎48小时后死去,无人知晓

副标题:《你也是这个故事的主角》,首先不要被这个标题所吓到,其实这是网易出品的一个号召大家关注环境保护的一个 H5,不得不说,网易在这个方面做的真的很出色。

制造【我】的草莓音乐节

可以在线生成草莓音乐节主题海报,你可以定制自己的外形,并添加一些简单的文案。

重回1978,带你潇洒走一回!

腾讯新闻出品的,结合重力感应带你回顾改革开放四十年来我们的变化,筒子楼、迪斯科、马里奥,这些具有十分明显的时代痕迹的符号代表了那一辈人的童年,就像标题一样,带你潇洒走一回!

当TiMi一声响起的时候

天美工作室出品,这是属于我们十年的回忆,不止是王者荣耀

我在幸福长街40号等你

人民日报携手快手出品,这是一张“长动图”,见证了 1979-2019 这 40 年的沧桑巨变。

带你全方位欣赏美丽的重庆邮电大学

重邮全景

一些专门做H5媒体内容的平台:

木疙瘩

H5 交互融媒体内容制作与管理平台。首先吐槽一下这个名字,可能是因为只买到了这个稍微能凑出汉字的域名吧,毕竟现在的域名是真贵啊- -,其特色有:

  • 免费无广告
  • 零代码交互
  • 自动适配屏幕
  • 可导出源文件

然而,人民日报的一篇题为《燃爆!人民日报首部闪卡H5动画“史上最牛团队这样创业!”》的 H5 文案却被删除了:

凡科互动

H5 游戏营销领导者。H5游戏因为其跨平台、传播快等特性,近年来受到了广泛关注,而凡科互动就是专注于 H5 游戏的一个平台,我自己也试玩了一下它的几款游戏,包括大转盘、摇一摇、砸金蛋等等,画面音效都很不错,不过应该不是免费的,所以还是要预估一下成本和收益再做决定吧。

720yun

从名字可以看出,这是一家做 720 度全景和 VR 视频的平台,首先这个网站的风格我很喜欢,非常紧致有力,不过名气不是很大,也不知道效果如何和收费情况。

MAKA

MAKA 是一款简单、强大的 H5 数字化营销创作工具 其在线编辑器可帮助企业创作出专业级 H5 酷炫动态效果

这是其官网的介绍,MAKA 在业界算是很有名气的了,经常会看到一些企业用 MAKA 做 H5 宣传,所以其本身的效果是已经经过广泛验证的了,最关键的是免费制作(当然,有一些也需要收费),如果有感兴趣的童鞋可以下载一下 MAKA 的 APP 尝试一下,操作简单但是功能强大。

易企秀

企业移动营销综合服务平台 极简制作流程 奢华呈现形式 精准投放保证传播效果 数据随时跟踪反馈 从营销到再营销 从传播到二次传播 易企秀提供一键解决方案

易企秀和 MAKA 类似,也是我最开始接触到的 H5 营销平台,虽然其介绍感觉比 MAKA 要强大许多,不过从我自身的体验来讲,易企秀比较适合中小型企业以及那些不太追求外表,同时在线时间比较短的营销活动,比如年会邀请函、新品介绍等等。总之吧,和 MAKA 相比各有千秋。

它山之石

还有一些志同道合的童鞋也对与H5的玩法案例进行了总结:

H5玩法知多少

来自简书,作者不仅介绍了许许多多经典的 H5 案例,作者还将 H5 玩法归纳为基于传感器、基于触摸屏操作、基于画面呈现、基于内容这四类,内容很充实。

支付宝打赏 微信打赏

听说赞过就能年薪百万