乐鱼(中国)leyu








    1. H5游(yóu)戏制作
      H5游戏制作
      H5游(yóu)戏制作
      H5案例
      H5开发
      扫一扫
      h5定制
      h5定制

      回(huí)到顶(dǐng)部

      精选H5案例合集分享-48期(qī)

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

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

       

      案例(lì):伯乐找马,马到成功


      品牌:雅兰床垫(diàn)

       

      雅兰(lán)围绕春节氛围,结合“伯乐找马,马到成(chéng)功”的主题(tí)和(hé)六骏形象,设置的(de)游戏集彩头(tóu)的形式,进行新品宣(xuān)传,送(sòng)出新(xīn)年祝福。通过(guò)游戏互动+奖品刺激的方式吸引用(yòng)户参与(yǔ)裂(liè)变,增加用(yòng)户粘(zhān)性,达到品牌曝光。

       

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

       

      H5案例


      长图(tú)滑(huá)动H5


      案例:云端之上


      品牌:安徽文(wén)明网

       

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

       

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

       

      H5案例


      漫画类H5


      案例(lì):一个(gè)奶盒的五行之旅


      品牌:伊利

       

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

       

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

       

      H5案例(lì)


      H5案例


      案(àn)例:年度数码(mǎ)好物评选


      品牌:网(wǎng)易新闻

       

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

       

      进入清单页面,有上下左右(yòu)拖动的(de)引导提示,点击后,提示消失。好(hǎo)物气(qì)泡共45个,点击气泡,气泡被刺破,剩余的(de)件数和(hé)清(qīng)单(dān)可(kě)以点(diǎn)击底部的按钮查看,点击选好(hǎo)了按钮即可(kě)生成(chéng)海报。海报页类似一张购(gòu)物小票,用清(qīng)单体把未点破(pò)的数码(mǎ)好物呈现出来。

       

      H5案例


      清单类H5


      案例:AI画笔 连接(jiē)爱(ài)


      品牌:百度

       

      百度推出了AI学习平(píng)台(tái)“pp飞浆”,H5以《富春山居图》被(bèi)焚烧成两半为创意支(zhī)点,让用户自(zì)由(yóu)绘(huì)制,把两段图画连接到一起,用AI技(jì)术进行加工(gōng),转化为水墨效果,以此展示实力,推广(guǎng)技术平(píng)台。

       

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

       

      H5案例


      AI作(zuò)画H5


      案例:坚持热爱,不忘初心


      品牌:网易(yì) × 三金西瓜霜

       

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

       

      进(jìn)入H5案例,众(zhòng)多一线影(yǐng)视娱乐(lè)明星录制的(de)封(fēng)面故(gù)事十周年祝福语(yǔ)视频自动播放(fàng),浏览(lǎn)完毕(bì)进入明星海报页。可以转动转(zhuǎn)台(tái),更换明星(xīng),然后点击查(chá)看Ta的故事(shì),进入该明星视(shì)频故事分享页。

       

      图片11.png


      视频类H5


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

       

       

      相关阅读:《精选H5案例合(hé)集分享-春节特别篇



      联系QQ:2899301896

      乐鱼和蓝橙互(hù)动(dòng)·致力于(yú)为企业(yè)提供更高效的开(kāi)发服务

      乐鱼(中国)leyu

      乐鱼(中国)leyu