B体育(BSports)官方网站












H5游戏(xì)制作
H5游戏制作(zuò)
H5游戏制作(zuò)
H5案例(lì)
H5开发(fā)
扫一扫
h5定制
h5定(dìng)制

回(huí)到顶部(bù)

精选(xuǎn)H5案例合集(jí)分享(xiǎng)-48期

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

春节过后,人们的工作回(huí)归正轨,各大(dà)品牌(pái)的营销(xiāo)活动也(yě)逐渐回归日常,活(huó)动中的春节(jiē)、过年(nián)等元素(sù)少了许多。B体育和蓝橙互动(dòng)精(jīng)选H5案例合集48期,就给大家分享一下(xià)今年这些(xiē)常规H5营销活动,一(yī)起(qǐ)来体验一下吧。

 

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


品牌:雅兰床垫

 

雅(yǎ)兰(lán)围绕(rào)春节氛(fēn)围,结合“伯(bó)乐找马,马到成功”的主(zhǔ)题和六骏形象,设置的(de)游戏集彩头的形式(shì),进(jìn)行新(xīn)品宣(xuān)传,送出新年(nián)祝福(fú)。通过游戏互动(dòng)+奖品刺激(jī)的方(fāng)式吸引(yǐn)用户参与(yǔ)裂变,增加用(yòng)户粘性,达到(dào)品牌曝光。

 

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

 

H5案例


长图(tú)滑动H5


案例:云(yún)端之(zhī)上(shàng)


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

 

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

 

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

 

H5案例(lì)


漫画类H5


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


品牌:伊利

 

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

 

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

 

H5案例


H5案例


案例:年度数(shù)码好物评选


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

 

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

 

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

 

H5案例


清单类H5


案例:AI画笔(bǐ) 连接爱


品牌:百度

 

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

 

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

 

H5案例


AI作画(huà)H5


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


品牌:网(wǎng)易 × 三金(jīn)西(xī)瓜霜

 

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

 

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

 

图片(piàn)11.png


视频类H5


以上就是本期为大家带来H5案例分享,感兴趣(qù)的朋友可以持续关注我(wǒ)们B体育和蓝橙(chéng)互动官网的新闻动态,或是关注B体育和蓝橙互(hù)动官方微信公众(zhòng)号,我们(men)会不定时向大家分(fèn)享最新的优秀案例。

 

 

相关阅读(dú):《精选H5案例合集分享-春节特(tè)别篇



联系QQ:2899301896

B体育和蓝橙互动(dòng)·致力于为企业提供更(gèng)高效的开发服务

B体育(BSports)官方网站

B体育(BSports)官方网站