九游娱乐(NineGameSports)官方网站-九游引领娱乐潮流


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

      回到顶部

      精选H5案例(lì)合集分享-48期

      H5案(àn)例 2023年(nián)02月(yuè)08日

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

       

      案(àn)例:伯乐找马,马到成功


      品牌:雅兰床垫

       

      雅兰围绕春(chūn)节氛(fēn)围,结合“伯乐找(zhǎo)马(mǎ),马到成功(gōng)”的主题和六骏形象,设置的游戏集(jí)彩(cǎi)头的形(xíng)式,进(jìn)行新品宣传,送出新年祝福。通过游(yóu)戏互动+奖品刺激(jī)的方式吸引(yǐn)用户参与(yǔ)裂(liè)变,增加用户粘性,达到品牌曝光。

       

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

       

      H5案例


      长图滑(huá)动H5


      案例:云端之上


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

       

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

       

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

       

      H5案例


      漫画(huà)类(lèi)H5


      案(àn)例:一个奶盒的五行之旅


      品牌:伊(yī)利

       

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

       

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

       

      H5案例


      H5案例


      案例:年度数码好物评选


      品牌:网易新闻

       

      网易新闻数码频道推(tuī)出(chū)的2022年度数(shù)码好物(wù)评选清单H5活动(dòng)。通过捏(niē)气泡的方式,排除掉不喜(xǐ)欢的数码产品,生成剩余数码产品的好物清单海报,形成(chéng)裂变和传播。

       

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

       

      H5案例


      清单类H5


      案例(lì):AI画笔 连(lián)接爱


      品牌:百(bǎi)度

       

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

       

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

       

      H5案例


      AI作画H5


      案(àn)例:坚持(chí)热爱,不(bú)忘初心


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

       

      网易新闻娱乐频道与三金西瓜霜联合推(tuī)出的「网易(yì)娱乐封面故事十周(zhōu)年」创意H5作品(pǐn)。通过一众明星的参与加持,吸引(yǐn)更多的用户认识和了解网易娱乐(lè),最后生成明(míng)星海报,还(hái)可以把(bǎ)明(míng)星故(gù)事分享传播出去,形成裂变传播(bō),从而达成品牌曝光的效果。

       

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

       

      图片11.png


      视频类(lèi)H5


      以上就是(shì)本期为大家带来(lái)H5案例(lì)分享,感兴趣的朋(péng)友可(kě)以持续(xù)关注(zhù)我(wǒ)们九游娱乐和蓝橙互(hù)动官网的新闻动(dòng)态,或(huò)是(shì)关注九游娱乐和蓝橙互(hù)动官方微信公众号,我们会不(bú)定时向大家分享最(zuì)新的优秀案例(lì)。

       

       

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



      联系QQ:2899301896

      九游娱乐和蓝橙互(hù)动·致力(lì)于为(wéi)企业提(tí)供(gòng)更高效的开发(fā)服(fú)务

      九游娱乐(NineGameSports)官方网站-九游引领娱乐潮流

      九游娱乐(NineGameSports)官方网站-九游引领娱乐潮流