完美







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

      回到(dào)顶部

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

      H5案例 2022年06月(yuè)20日(rì)

      H5凭(píng)借丰富的主题内容与游戏形式,让用户每一次H5营销活(huó)动,都能取得不同(tóng)的乐趣,从而大大减少了用户对这种营(yíng)销方式的抵触感。下面,完美和蓝橙互动就(jiù)给大家带(dài)来一些不同玩法形式(shì)的H5案例(lì)体验一(yī)下。

       

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

       

      案例(lì)品牌(pái):Tencent腾讯 | QQ浏览器 × 上美影

       

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

       

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

       

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

       

      H5案例 

       

      信息展示(shì)H5 

       

      案例名称:飞鹤5.28宝宝(bǎo)日数字艺术藏品首发

       

      案(àn)例品牌:飞(fēi)鹤奶(nǎi)粉

       

      用每一副都(dōu)是孤品(pǐn)的数字化作,为宝宝送上最真挚(zhì)的(de)礼物,用户在作品(pǐn)中了解(jiě)飞鹤5.28宝宝日的由(yóu)来和意义,给宝宝写祝福(fú),参与数字画作的抽奖。

       

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

       

      H5案例 

       

      视频类H5 

       

      案例名称:恋爱MBTI人(rén)格测试

       

      案例品牌:网易(yì)云音乐|19th创(chuàng)意(yì)工作室

       

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

       

      主题(tí)页(yè):品牌露出+主题露出+交互提醒。最顶部是品牌LOGO,视觉(jiào)重心为(wéi)“测测你(nǐ)的(de)恋爱MBTI人格”,底部为“上滑开始”提(tí)醒。右侧深色(sè)交互提醒吸附右壁(bì)——向上滑动,开始答题。

       

      测试(shì)答题:共7题(tí),向上滑动开始答(dá)题,点击选项后,自动滑到下一(yī)题。每题选(xuǎn)项有(yǒu)交互声(shēng)音,答完后(hòu)生(shēng)成(chéng)分享海报

       

      H5案例 

       

      答题测试H5 

       

      案例(lì)名(míng)称:北京SKP | 童真欢乐营地(dì)

       

      案例品牌:北京SKP

       

      北(běi)京(jīng)SKP在六一期间推出(chū)的创意线上H5活动,以“童真欢乐营地”为主题,让用户足不出户参与营地探索,参与“打小怪物”游戏,并引导用户了解北(běi)京SKP推出的儿童(tóng)新款服饰以及各店面的(de)线下地址,为品(pǐn)牌发声,为产品营销(xiāo),为线下引流。

       

      整(zhěng)体(tǐ)页面色(sè)彩鲜艳,小怪(guài)物形(xíng)象可爱,加上3D交互,很能吸引小朋友的注意力。交互(hù)上,主(zhǔ)要以点(diǎn)击和拖拽为主(zhǔ),3D可交互场景是亮点,可(kě)以从空间里,查(chá)找并(bìng)点击(jī)露头的小(xiǎo)怪物。

       

      H5案例(lì) 

       

      3DH5 

       

      案(àn)例名称:快来!和元宝云游中国(guó)~

       

      案例品牌:银联X云闪付

       

      银联的项(xiàng)目(mù),疫情期间,邀请大家云旅游(yóu)。通过游览五个场景,收集(jí)五个旅行线索(suǒ),赢取(qǔ)机会抽奖,回顾祖国各种美(měi)景,为(wéi)旅行计划做参考。

       

      点击初始页(yè)的触点开始打(dǎ)卡,光标提示(shì)玩法,用户点击(jī)汇总地图上的景点进(jìn)入(rù)景色图,点(diǎn)击(jī)吉祥物赢取装(zhuāng)备,点亮下方相(xiàng)应图标,不能进(jìn)入的(de)景点会直接(jiē)跳(tiào)出介绍框,装备集齐后(hòu),点击下方触点,前往抽(chōu)奖页面即可。

       

      景(jǐng)点里(lǐ)的元宝很明显,一下就可以看(kàn)到,游戏(xì)没有难度,一边感受景点的美(měi)丽,一(yī)边就(jiù)集齐了装备。

       

      H5案例 

       

      云体验H5 

       

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

       

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

       

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

       

      点击开始浏览(lǎn),先是三(sān)次(cì)基(jī)金牛(niú)市(shì)的(de)时间和方式总结,然后依次展示(shì)每(měi)一次的(de)具体(tǐ)情况,包(bāo)括大家投资的时(shí)间,投资人(rén)数,最受追(zhuī)捧(pěng)的基金名字(zì),上涨与下跌的具体数(shù)值,最后总结当下情况,提出(chū)投资建议。

       

      蓝(lán)色主色(sè),代表冷静(jìng)的(de)投资(zī)与分(fèn)析态度,将枯燥的数据,信(xìn)息,与表格,走势图,简单的画作(zuò)等元素结合,给浏览过程增加趣味。表述简约直白,没有投资经验的用户也可以看(kàn)懂。

       

      H5案例 

       

      信息展示H5

       

      以上就(jiù)是本期为大(dà)家带来H5案例分享,感兴趣的朋友(yǒu)可以持续关(guān)注我们完美和蓝橙互动官(guān)网的新(xīn)闻动态,或(huò)是关注完美和蓝橙互动官方微信公众(zhòng)号,我(wǒ)们会不(bú)定时向大家分享最新的优(yōu)秀案例。

       

       

        相关(guān)阅(yuè)读:《精(jīng)选H5案例(lì)合集分享(xiǎng)-22



      联系QQ:2899301896

      完美和蓝橙互(hù)动·致(zhì)力于为企业提供更高效的(de)开发服务(wù)

      完美

      完美