新利






      H5游戏制作
      H5游(yóu)戏制作(zuò)
      H5游戏(xì)制作
      H5案例(lì)
      H5开(kāi)发
      扫一扫
      h5定制
      h5定(dìng)制

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

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

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

      春节过后,人(rén)们(men)的(de)工作回归(guī)正轨(guǐ),各大品牌的营销活(huó)动(dòng)也(yě)逐渐(jiàn)回归(guī)日常,活(huó)动中(zhōng)的春节、过年等元素少了许多。蓝(lán)橙互动精选(xuǎn)H5案例合(hé)集48期,就给大(dà)家分享(xiǎng)一下今年这(zhè)些常(cháng)规(guī)H5营(yíng)销活(huó)动,一起来体验一下吧(ba)。

       

      案例:伯乐找马,马(mǎ)到成功


      品牌:雅(yǎ)兰(lán)床垫

       

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

       

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

       

      H5案例


      长图滑动H5


      案例(lì):云端之上(shàng)


      品牌:安徽文明网(wǎng)

       

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

       

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

       

      H5案例


      漫画类H5


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


      品牌:伊利

       

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

       

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

       

      H5案例


      H5案例


      案例:年度数码好物评选


      品牌:网易新闻

       

      网易新闻数码频(pín)道推(tuī)出的2022年度数码好物评选清单H5活(huó)动(dòng)。通过捏(niē)气泡的方式,排除(chú)掉不喜欢的数码产(chǎn)品,生(shēng)成剩余数码产品的(de)好物清单海报(bào),形成裂变和传播。

       

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

       

      H5案例


      清单(dān)类H5


      案(àn)例:AI画笔 连接爱


      品牌(pái):百(bǎi)度

       

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

       

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

       

      H5案例(lì)


      AI作画(huà)H5


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


      品牌(pái):网(wǎng)易 × 三金西瓜霜

       

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

       

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

       

      图片11.png


      视频类H5


      以上就是本期为大家带(dài)来(lái)H5案例分享,感兴趣的朋友可以持续关注我们新利和蓝橙互动官网的新闻动态,或是关注新利和蓝橙互动官方微信公(gōng)众号,我们会不定时(shí)向大家分享最新的优(yōu)秀案例。

       

       

      相关阅读:《精选(xuǎn)H5案例合集分享(xiǎng)-春节特别篇



      联系QQ:2899301896

      新利和蓝橙互动·致力(lì)于为(wéi)企业提供更高效的开发服务

      新利

      新利