乐鱼(中国)leyu





    1. H5游戏(xì)制(zhì)作
      H5游戏(xì)制作
      H5游戏(xì)制作
      H5案(àn)例
      H5开发
      扫一扫
      h5定制
      h5定制(zhì)

      回到(dào)顶部

      精选H5案例合集分享-48期

      H5案例(lì) 2023年(nián)02月08日

      春(chūn)节过后,人们的工(gōng)作回归正轨,各(gè)大品牌的(de)营销活动也逐渐回归日(rì)常,活动中的春(chūn)节、过(guò)年等元素少了(le)许多。乐鱼和蓝橙互动精(jīng)选H5案例合集48期,就给大家分享一(yī)下今(jīn)年这(zhè)些常规H5营(yíng)销活动,一起来体验一下吧。

       

      案例:伯(bó)乐(lè)找马,马到成功(gōng)


      品牌(pái):雅(yǎ)兰床垫

       

      雅兰围绕(rào)春(chūn)节氛(fēn)围,结(jié)合“伯乐找马,马(mǎ)到成功”的主题和六骏形象,设置的游戏(xì)集彩头的形式,进行新品宣传,送出新年(nián)祝福。通过游戏互动+奖品刺激的方式吸引用户参与裂变,增(zēng)加用户粘性,达(dá)到品牌(pái)曝光。

       

      进入H5游戏(xì),在长图中滑(huá)动,点击屏幕找到六匹(pǐ)马,其中有四匹马在点击后可直接(jiē)获(huò)得,有两匹马要完成游戏(xì)互动才可以获得。游(yóu)戏一为(wéi)猜位置,一共有三张卡牌,所(suǒ)寻找的马就在其中一张(zhāng)卡牌上,用户记忆卡牌的位置,然后卡(kǎ)牌进行(háng)随机交换,最后找到(dào)卡牌的位置(zhì)即可。游戏(xì)二为跑酷游(yóu)戏,点击品(pǐn)名控制(zhì)马在床垫(diàn)上跳(tiào)跃,不跌落床垫并抵达终点即可(kě)过关。

       

      H5案例


      长图滑动H5


      案(àn)例:云端之上


      品牌:安徽(huī)文明网

       

      这是由安(ān)徽新媒体集团文明皖风(fēng)工作室重(chóng)磅(páng)推(tuī)出大型国风互动H5。选取“云”作为(wéi)点睛之(zhī)笔,将“中(zhōng)国好人”故事与大美(měi)黄山(shān)IP互动(dòng)融合,立足(zú)“高海拔”之上,沉浸(jìn)式(shì)感受(shòu)崇德向善(shàn)的精神与(yǔ)力(lì)量。

       

      H5通过讲述黄山放绳(shéng)工李培生和守松人胡(hú)晓春(chūn)的(de)故事,他(tā)们日复一(yī)日呵护着(zhe)千年迎客(kè)松,用(yòng)心用(yòng)情守护(hù)美丽的黄山,把普通(tōng)人在普通岗位,几十年如一日地干出不普通的(de)工作(zuò),来弘扬社会主义的(de)价值观。采用(yòng)国风漫画方式(shì),让故事「活」了起来,有动效,有交互(hù),让用户沉浸在故事细节(jiē)中,沉浸(jìn)在大美河山中,沉浸在敬岗(gǎng)爱(ài)业的精神(shén)中。交互方式主要采(cǎi)用(yòng)点击的方式,降低了交互难(nán)度,让用(yòng)户更容易(yì)关注视觉和内容本身。

       

      H5案例


      漫画类H5


      案例:一(yī)个奶盒(hé)的五行之旅


      品牌:伊利

       

      伊利为宣传(chuán)纸(zhǐ)盒回(huí)收计划推(tuī)出的环保主题作品,将伊利牛奶包装盒的资(zī)源(yuán)回(huí)收再利用技(jì)术与(yǔ)传(chuán)统五(wǔ)行结合,让(ràng)用户(hù)了(le)解牛奶盒是怎样变成生活用品的,宣传传统(tǒng)文化,以及伊利集(jí)团保护(hù)环境的品牌理念(niàn)和社(shè)会(huì)责(zé)任感(gǎn),加(jiā)强用户对品牌的好感(gǎn)。

       

      进入H5页面,下滑屏(píng)幕浏览内容,五个年轻人身着传统练功服,代表“金”“木”“水(shuǐ)”“火(huǒ)”“土”,用(yòng)户点(diǎn)击人物,即可查看在资源回收再制造过程中运用(yòng)到的(de)对应技(jì)术介绍。H5背景是(shì)传统国画风格,浓郁饱满,颜(yán)色与内容也与五(wǔ)行的(de)主题(tí)对应,大红色的“火”,绿色的“木(mù)”,蓝色的(de)“水(shuǐ)”,结合(hé)人物(wù)体(tǐ)态精壮动作飘逸的展示图,将中(zhōng)国文化(huà)的刚柔并济表现出来,带(dài)给用户视觉(jiào)上的美感(gǎn)。

       

      H5案例(lì)


      H5案例


      案例:年度数码好物评选


      品牌:网(wǎng)易(yì)新(xīn)闻

       

      网易新(xīn)闻(wén)数码频道推出的2022年度(dù)数(shù)码好物评(píng)选清单H5活动。通过捏气泡(pào)的方(fāng)式,排除掉不喜(xǐ)欢的数码(mǎ)产品,生成剩余数码产品的好物清(qīng)单(dān)海报,形成裂变和传播。

       

      进(jìn)入清单页面,有上下左右拖(tuō)动的(de)引导提示(shì),点击后,提示消失。好物气泡共45个,点击(jī)气(qì)泡(pào),气泡被刺(cì)破,剩余的件数(shù)和清单可以点击(jī)底部(bù)的按钮查(chá)看,点击选好(hǎo)了按钮即可生成海报。海报(bào)页(yè)类似一张购物(wù)小票,用清单体(tǐ)把未点(diǎn)破的数(shù)码好物呈(chéng)现(xiàn)出来。

       

      H5案例


      清(qīng)单类H5


      案例:AI画笔 连接爱


      品牌:百度

       

      百度推出(chū)了AI学习平台“pp飞浆”,H5以(yǐ)《富春山居图》被焚烧成(chéng)两半(bàn)为创意支点,让用(yòng)户自由绘制,把(bǎ)两段图画连接(jiē)到一起,用AI技术进行加工,转化为水墨效果,以此展示实力,推广技(jì)术平台。

       

      开头(tóu)是一段(duàn)视(shì)频,将《富春山居图》从平面转(zhuǎn)化(huà)为立体影效,带(dài)领用户在(zài)富春的美景(jǐng)中穿梭游览,然后了解其被焚毁的缘由,用户根据画外音提示和画笔示(shì)范,用线(xiàn)条补充空白处,将断开的图画(huà)连接到一起(qǐ),欣赏生(shēng)成的山水画效果,左右滑动屏幕可欣赏原图,最后生(shēng)成总(zǒng)体效果图(tú)卷轴(zhóu)海报。

       

      H5案例


      AI作画(huà)H5


      案例(lì):坚持热爱,不忘初心


      品牌:网易 × 三金西瓜霜

       

      网易新闻娱乐频道(dào)与三(sān)金西瓜霜联合推出的(de)「网易娱乐封(fēng)面故事十周年」创(chuàng)意H5作品。通过一众明星的参(cān)与加持,吸引更多(duō)的用户认识(shí)和了解网易娱乐,最后生(shēng)成明星海(hǎi)报,还可以把明星故事分享传(chuán)播出去,形成裂变(biàn)传(chuán)播,从(cóng)而(ér)达成品牌曝光的效果。

       

      进入H5案例(lì),众(zhòng)多一线影视娱乐(lè)明(míng)星录制的封面故事十周年祝福语视频自动播放,浏览完毕进入(rù)明星海报页。可以转动转台,更换明星,然后点击(jī)查看Ta的故事,进入该明星视频故事分享页。

       

      图片11.png


      视频类(lèi)H5


      以上(shàng)就是本期为大家(jiā)带来(lái)H5案例分享,感兴趣的朋(péng)友可以(yǐ)持续关注我们(men)乐鱼和蓝橙互动官网(wǎng)的新(xīn)闻动态,或是关(guān)注乐鱼和蓝橙(chéng)互动官方微(wēi)信公众号,我们会不(bú)定时向大家分享最(zuì)新的优秀案例。

       

       

      相(xiàng)关阅读:《精(jīng)选H5案例合(hé)集分享-春(chūn)节特别篇



      联系QQ:2899301896

      乐鱼和蓝橙互动·致力于为(wéi)企(qǐ)业提供更高效的开(kāi)发服务(wù)

      乐鱼(中国)leyu

      乐鱼(中国)leyu