专栏名称: FaceH5
一本高品质的品牌营销杂志~ 带你一同领略H5的无限魅力!
目录
51好读  ›  专栏  ›  FaceH5

H5周报 | 7月第一周H5案例精选

FaceH5  · 公众号  ·  · 2017-07-10 14:50

正文

「H5周报」汇集本周行业内最优秀H5案例,这里是「H5周报」的第14期。

想让你的优秀H5作品出现在【H5周报】栏目里,为更多业内人士带来创意和灵感,欢迎和 微信号:FaceH5 联系。

「飞跃奇市江湖 - 淘宝造物节2017」

品牌主:淘宝

在loading完毕后,点击出发,出现一只燕子,用户可通过上下左右晃动手机操作飞行位置,暂停欣赏时可左右滑动观看品牌信息。飞行中会遇到黑洞,飞进黑洞进入奇市江湖 4 大街区系列的3D品牌视频展示,这个脑洞乐园很脑洞。

从整体结构上来看的话,淘宝这个给人逆天感的H5,以上帝视角和沉浸式VR体验把今年淘宝造物节主会场里,分别代表潮人玩家、脑洞神店、治愈美好、独立设计这四大主题板块的“东市西市南北街”用好莱坞视觉特效,先行一步搬到了线上给人体验。

在这四大主题板块里,制作团队都赋予了它们一个异度空间。在这个空间里,体验者可以获得失重、加速、穿越、炫目、乃至过山车式的刺激等感官体验。淘宝又一次在H5上,做了一次单点爆破,奉上了一场视觉和创意都兼具的奇观。

「纪念哈利波特20周年」

品牌主:网易新闻

20年那么长,留下来的回忆很沉很沉。网易哒哒推出这款回忆杀,纪念哈利波特20周年,再一次刷屏朋友圈。那些年我们崇尚的英雄、喜欢的冒险、坚固的友情、奇思妙想的世界……再一次抹去尘封的灰尘,清晰展现。H5采用一镜到底+3D视差运动+手指画的交互模式,以时间点为主线,伴随经典的BGM Hedwig's Theme  

回忆起那个大难不死的男孩的奇妙经历……

德思礼夫妇家的生活→跟蛇对话→进入霍格沃茨魔法学校→分院帽→可移动的文字墙→会动的人物相框→撞飞文字的金色飞贼→将羽毛变成小白鼠的变形咒和将文字于羽毛浮起来的悬浮咒→主要人物及经典语录

一镜到底式交互体验在X、Y双轴坐标运动加成下带来了更具想象力的体验感,伴随滑动式“阅读”与手指画施咒等交互手势,回忆来得更具体更清晰......

「当我们谈论毕业,我们在留恋什么?」

品牌主:网易云音乐

两根手指有什么用?网易大大这么说... 网易云音乐借毕业之势推出“毕业放映厅”的活动。选择在最受当下学生喜爱的几十首歌曲中设置“彩蛋”,在进入到黑胶唱片背后的“毕业放映厅”页面,开启青春的故事,来传递前行的勇气和力量。在最新版本的网易云音乐App中,进入歌曲的播放页面,双指下滑。

伴随着黑胶唱片飞速旋转,进入“毕业放映厅”,短视频聚焦于学生时代都会经历的三个主题,精心打造出3个音乐场景故事。

「想戛纳擒狮的广告公司都在这」

品牌主:腾讯

W公司的又一新作,不被看好的广告设计师要蜕变为戛纳擒狮需要寻找到5件秘宝,这些秘宝指出了互联网广告存在的问题与原因,秘宝收齐后就可以成功变为“金狮”级的广告设计师。

首页展示了对广告人的评判,但是广告人做什么不需要别人的指指点点,想要擒狮,一切都需要自己左滑右滑,指指点点,开脑寻宝。为每个宝藏都赋予他独特的意义,找全5个宝藏,组装成一个狮子,改变广告人的命运,向着戛纳迈进。前后的黑白人像和结尾的黑白狮子头人像的漫画形成鲜明对比,中间的寻宝则采用色彩浓重的插画,如果你是创意人,心怀一颗创意心,向着戛纳奖杯而去,欢迎来战!

「重燃你的魂斗罗」

品牌主:腾讯游戏

更燃、更热血的全新魂斗罗世界全面开战!整个H5在蒋劲夫充满肌肉的上半身展开,点击“唤醒战士”开始播放视频,不停的向前,冒险不断,也会有队友的帮助,跳跃、射击无可阻挡这就是蒋劲夫特有的魂斗罗印记。加上一幅幅带有经典角色和场景的动态纹身图案,将完美的身材呈现在大众的眼前!英雄不该挂在嘴边,气概始终留在身上!

另外在设计上将真人拍摄与动画相结合,并用独特的创意将画面在真人肌肉上以纹身的形式演绎,颜色以黑背景为主,衬托满屏荷尔蒙的人物形象;蓝、红两色的光亮,更好的烘托氛围。作为一个游戏的宣传H5很好的将游戏的内容诠释出来,并能勾起回忆。

「头条 | OfO与某国际影星达成战略合作」

品牌主:ofo

《神偷奶爸3》有着“全球萌宠”之称的卡通形象“小黄人”再度成为了当下最炙手可热的明星。这个夏天里,呆萌搞怪的小黄人再一次搞起事情。ofo小黄车与小黄人将组成史上最黄的CP,他们的结合会碰撞出什么样的火花?小黄人化身为工厂工人,潜入工厂制造小黄车。根据提示通过点击小黄人或者摇动手机、左滑依次帮助他们完成小黄车的启动,组装,上色,测试4个步骤。各种新奇制造方式卖萌讨喜,期待二者“合为一体”的结晶“ofo大眼车”亮相街头。

「羞羞!QQ变得这么黄~」

品牌主:腾讯QQ

噢,QQ也变得如此的黄。QQ借着《神偷奶爸3》上映的热潮,推出了小黄人主题,模拟剧中小黄人被关进监狱中的情景,如此贱萌的小黄人又有sei能关的住,点击钥匙帮他们逃狱,看他们出狱后在QQ里能掀起怎样的风浪。

在电影中搞怪小能手的小黄人不仅给广大影迷们带来了久违的欢乐,还带着他们的香蕉进军QQ,为广大粉丝献上了一场主题趴。QQ页面已经被黄色风暴席卷了,小黄人还在艾格尼丝和伊迪丝的聊天页面中卖萌,惊不惊喜!意不意外!

「Gucci爱的奇迹童话书」

品牌主:Gucci

在童话的世界里每一个人都值得被爱,每一份爱背后都是一份奇迹……伴随奇妙轻快的BGM,点击图片,进入奇迹工厂的世界。这里有三个有关奇迹工厂的小故事《一个身材庞大的新朋友》、《天上掉下的礼物》《致心爱的Siranee》,每个故事都由多张复古的插画组成,搭配相应奇迹故事。色彩鲜亮装扮怪异的动物出现在每个故事中,脑洞大开,着色大胆,代表着不同的奇迹。向下滑动即可观看。

「九亿少女释放更新」

品牌主:伊丽莎白雅顿

看似电商购物页面,实则出现大大大惊喜!下拉查看更多猛料!主角就是那个九亿少女的梦——林更新,只需单指点触选择属于自己的一抹心愿色便能一键召唤林更新,不同色号的唇釉召唤不同属性的林更新:暖男版,浪漫版……随后猛戳彩蛋奉上二十四孝男友小新。360°拖动观看VR视频,哦不,体验男友力MAX的心动时刻:悄悄遮住你的双眼,心跳加速;玫瑰花让约会的浪漫值上升;最适颜色的口红不止是你的最爱也是他吻你的理由……第一视角感受只属于你们两人之间的悸动。

「一个超长长长长的青春纪念册」

品牌主:星河商置

离别的钟声敲响时,才发现一转身便是一段青春。毕业季总是带着那么多不舍和酸涩,回头去看,青春就是一本长长长长的纪念册……缓慢向下滑动回忆青春里那些细小却又带着甜味的记忆。这是一个将文字赋予了生命力的青春纪念册,每个字都活了起来,变化演示着上学的情景:飘散的落叶,人来人往的校园;老师的粉笔;重复着的开灯关灯;篮球划过的完美弧线……每个情景都直戳内心,当看到从此以后我们各奔东西的时候,有种不舍的情绪涌上心头。愿我们在彼此看不到的岁月里熠熠生辉!




···················· END ····················




「近期热门! 开 打 法 魔 用 能 只 章 文 篇 这淘宝搞事情!不信?飞越奇市来看



专注数字营销  尽享创意饕餮

-  FaceH5  -