B体育(BSports)官方网站












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

回到顶部(bù)

精选H5案例合集分享(xiǎng)-23期

H5案例 2022年06月20日

H5凭借丰富的主(zhǔ)题内容与游(yóu)戏(xì)形式,让用(yòng)户每一(yī)次H5营销活(huó)动,都能取得不同的乐(lè)趣,从而大大减(jiǎn)少了(le)用(yòng)户对这种营销方(fāng)式的抵触感。下面,B体育和蓝橙互动(dòng)就给大家带来一些不同(tóng)玩法形式的H5案例体(tǐ)验一下。

 

案例名(míng)称:百年梦想家

 

案(àn)例品牌:Tencent腾讯 | QQ浏览(lǎn)器 × 上(shàng)美影

 

腾(téng)讯与(yǔ)上(shàng)海美术电影(yǐng)制片厂在六一之际联合推出(chū)的(de)“中(zhōng)国动画100年(nián)”主题的创(chuàng)意H5作品,以动画里的梦想与现实的对比,凸显了中国科技的突飞猛进。再以(yǐ)长(zhǎng)卷的形式,把(bǎ)100年的中国动画作品展示出来,勾起多少代(dài)人的童年(nián)。

 

创(chuàng)意视(shì)频(pín)用(yòng)中国百年动画片里(lǐ)的人物美(měi)猴(hóu)王、葫芦娃、黑猫警长等,来讲(jiǎng)述动画片里的情节,变为现实的几个方面:升天、入海、开山、零(líng)售、粮食、自(zì)然生态等,同(tóng)时穿插(chā)展示(shì)那些“不失(shī)孩子(zǐ)气”的科学家、运动(dòng)员以及在各(gè)领(lǐng)域(yù)做出突出贡献的英雄们,最(zuì)后展示“中国动(dòng)画100年”的口号:愿(yuàn)你不失(shī)孩子气。

 

超赞的(de)H5作品,有创意,有故事,有意义,值得一(yī)看再看。尤其是那句“愿(yuàn)你不(bú)失孩子气”,深深地(dì)刻(kè)进了小五的脑海,原(yuán)来(lái)孩子气不失执拗(niù)的任性,而是任性地活成自己想象的样子(zǐ),并达成自己想要的目标。“只有疯(fēng)狂到想要改(gǎi)变世界的人才能真(zhēn)正改变世界!”,愿所有能看到小五这句话的(de)人,保(bǎo)持(chí)初心,保持好奇,保持疯狂,去实现(xiàn)自己的人生梦想。

 

H5案例 

 

信息展示H5 

 

案例(lì)名称:飞鹤5.28宝宝日数字艺术藏品(pǐn)首(shǒu)发

 

案例品牌:飞(fēi)鹤(hè)奶粉

 

用每一副都是孤品(pǐn)的数(shù)字化作,为宝宝送上最真挚的礼物,用户在作品中了解飞鹤5.28宝宝日(rì)的由(yóu)来和(hé)意义,给宝(bǎo)宝(bǎo)写祝福,参(cān)与数字画作的抽(chōu)奖(jiǎng)。

 

打开作品后,先浏览视频,听合作画师(shī)宋婷讲述艺术藏(cáng)品的诞生灵感,包括数字画(huà)的艺(yì)术共创过程,核心含义(yì)和对宝宝节的祝福。最后(hòu)用户点击送祝福触点,浏览别人的祝福,写下自己(jǐ)的,写(xiě)完后祝福化作星星,被千纸鹤叼(diāo)着,跨越星(xīng)空,送到孩子手中,最后用户可点击参与抽奖。

 

H5案例 

 

视频(pín)类H5 

 

案例名称:恋爱MBTI人格测试

 

案例品牌:网易云音乐|19th创意工作(zuò)室(shì)

 

网易(yì)云音乐(lè)推出的MBTI恋爱(ài)性格测试H5案例(lì),用户只需要回答7个问题,即可了解自己(jǐ)的恋爱性格以(yǐ)及匹配自己(jǐ)的恋爱性格(gé)类型。

 

主(zhǔ)题(tí)页:品牌露出+主题露出+交互提(tí)醒。最顶(dǐng)部是品牌LOGO,视觉重心(xīn)为“测测你的恋爱MBTI人格”,底(dǐ)部为“上滑开始”提(tí)醒。右侧深(shēn)色交互提醒吸附右壁——向上滑动,开始答题。

 

测试(shì)答题:共7题(tí),向上滑(huá)动开始答题,点击选项后,自(zì)动滑到下一题(tí)。每题选项有交互声(shēng)音,答完后生成分(fèn)享海报

 

H5案例 

 

答题测(cè)试(shì)H5 

 

案例名称:北京SKP | 童真欢乐(lè)营地

 

案例品牌:北京SKP

 

北京SKP在六一期(qī)间推出的创意线上H5活动,以“童真(zhēn)欢乐营地(dì)”为主题,让用(yòng)户足(zú)不出(chū)户(hù)参与营地探索(suǒ),参与“打(dǎ)小怪物”游戏,并引导用(yòng)户了解北京SKP推出的儿童新款服饰以及各店面的线下地址,为品牌(pái)发(fā)声,为产品(pǐn)营销,为线下引流(liú)。

 

整体页面色彩鲜艳,小怪物(wù)形(xíng)象(xiàng)可爱,加(jiā)上(shàng)3D交互,很能(néng)吸引小朋友的注(zhù)意力(lì)。交互上,主要以点(diǎn)击和拖拽(zhuài)为主,3D可(kě)交互(hù)场景是亮点(diǎn),可(kě)以从空间里,查找并点击露(lù)头的小怪物。

 

H5案(àn)例 

 

3DH5 

 

案例名称:快来!和元宝云游中国~

 

案例品(pǐn)牌:银联(lián)X云闪付

 

银联的(de)项目,疫(yì)情期间,邀(yāo)请(qǐng)大(dà)家(jiā)云旅游。通过游览五个场景,收集(jí)五个旅行线索,赢取机(jī)会抽奖,回(huí)顾祖(zǔ)国各种美景(jǐng),为旅行(háng)计划做(zuò)参考。

 

点击初始页(yè)的触点开始打卡,光(guāng)标提示玩(wán)法,用户点击汇总地(dì)图上的景点进(jìn)入景色图(tú),点击吉祥物赢取装备,点亮(liàng)下方相应图标,不能(néng)进入的景点会(huì)直接(jiē)跳(tiào)出介绍框,装备集齐后(hòu),点击下方(fāng)触(chù)点,前(qián)往抽奖页面(miàn)即可(kě)。

 

景点里的元宝很明(míng)显,一下就可以看(kàn)到(dào),游戏(xì)没有难(nán)度,一边感受景点的(de)美丽(lì),一(yī)边就集齐(qí)了装备。

 

H5案(àn)例 

 

云体验(yàn)H5 

 

案例名称(chēng):过往牛市(shì)避险(xiǎn)录

 

案例品牌:中国(guó)财富网X蚂蚁财富/蚂蚁投教基地

 

基金(jīn)是(shì)许多人目前会考虑的和已经选(xuǎn)择的投资方式(shì),作品总结了以往(wǎng)三次牛市的信息,回(huí)顾当(dāng)时的况景(jǐng)和基金(jīn)指数升(shēng)降走向(xiàng),评判当下投资方(fāng)向,显(xiǎn)示平台的专(zhuān)业性,为想要(yào)投资基金(jīn)的用户提供建议和指导。

 

点击开始浏览,先是三次基金牛市(shì)的时间(jiān)和方式总结,然(rán)后依次展示(shì)每一次的具体情况,包括大家投资的时间,投(tóu)资人数,最受追捧的基(jī)金名字,上涨(zhǎng)与下(xià)跌的具体数值,最后总结当下情况,提出投(tóu)资(zī)建议。

 

蓝色主色,代表冷(lěng)静的投资与分析态度,将(jiāng)枯(kū)燥的数据,信息,与表格(gé),走势(shì)图,简单的画作等元素结(jié)合(hé),给浏(liú)览过程增加趣味。表述简约直白,没有(yǒu)投资经验的(de)用户也可以看懂。

 

H5案例 

 

信息展示H5

 

以上就是本期(qī)为大家带来(lái)H5案例分享,感(gǎn)兴(xìng)趣的朋(péng)友可以持续关注我(wǒ)们B体育和蓝橙互动官网(wǎng)的新闻(wén)动态,或是关注蓝(lán)橙互(hù)动官方微信公(gōng)众号,我们会不(bú)定(dìng)时向大家分(fèn)享(xiǎng)最新的优秀案例。

 

 

  相关阅读(dú):《精选H5案(àn)例合(hé)集分享(xiǎng)-22



联系QQ:2899301896

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

B体育(BSports)官方网站

B体育(BSports)官方网站