贵宾厅(中国区)官方网站


  • H5游戏制作
    H5游戏制作
    H5游(yóu)戏(xì)制作
    H5案例
    H5开发(fā)
    扫一扫
    h5定制(zhì)
    h5定制

    回到顶(dǐng)部(bù)

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

    H5案例 2023年02月(yuè)08日(rì)

    春节过后,人(rén)们的工作(zuò)回归正轨(guǐ),各大品牌的营销活(huó)动也逐(zhú)渐(jiàn)回归日常,活(huó)动中的(de)春(chūn)节(jiē)、过年等元素少了许多。贵宾厅和蓝橙互(hù)动精选H5案例合集48期,就给大家分享一下今(jīn)年这些(xiē)常规H5营销(xiāo)活动,一起来(lái)体验一下吧。

     

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


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

     

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

     

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

     

    H5案例


    长(zhǎng)图滑动(dòng)H5


    案例(lì):云(yún)端之上


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

     

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

     

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

     

    H5案例


    漫画类H5


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


    品牌:伊利

     

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

     

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

     

    H5案例


    H5案例


    案例(lì):年度数码(mǎ)好物(wù)评选


    品牌:网易新闻(wén)

     

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

     

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

     

    H5案例(lì)


    清单类H5


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


    品牌:百度(dù)

     

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

     

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

     

    H5案(àn)例


    AI作画H5


    案(àn)例(lì):坚持热爱(ài),不忘(wàng)初心(xīn)


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

     

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

     

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

     

    图片(piàn)11.png


    视频类(lèi)H5


    以上就是本(běn)期为大家带来H5案例分(fèn)享,感兴趣的朋友可以持续关注(zhù)我们贵宾厅和蓝橙互(hù)动官网(wǎng)的新闻动态(tài),或是关注贵宾厅和蓝橙互动官方微信公众号,我们会不定时向大(dà)家分享(xiǎng)最(zuì)新的优秀案例(lì)。

     

     

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



    联系QQ:2899301896

    贵宾厅和蓝橙互(hù)动·致力于为企业提供更高效的开发服务

    贵宾厅(中国区)官方网站

    贵宾厅(中国区)官方网站