新利






      H5游戏制作
      H5游戏制(zhì)作
      H5游戏(xì)制作
      H5案例(lì)
      H5开(kāi)发
      扫一扫
      h5定制
      h5定制

      回到顶部

      精(jīng)选H5案例合集分享-23期

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

      H5凭借(jiè)丰富的(de)主题内容与(yǔ)游戏形式(shì),让(ràng)用(yòng)户每一次H5营销活动,都能取得不(bú)同(tóng)的乐趣,从而大大减少了用户对这种营销方式的抵(dǐ)触感。下面,新利和蓝橙互动就给(gěi)大家(jiā)带来一些不同玩法形式(shì)的H5案(àn)例体(tǐ)验(yàn)一下(xià)。

       

      案(àn)例名称:百年(nián)梦(mèng)想(xiǎng)家

       

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

       

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

       

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

       

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

       

      H5案例 

       

      信息展示H5 

       

      案例(lì)名称:飞鹤5.28宝宝(bǎo)日数字艺(yì)术藏品首(shǒu)发

       

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

       

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

       

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

       

      H5案例(lì) 

       

      视频类H5 

       

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

       

      案例品牌(pái):网易云音乐|19th创意工作室

       

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

       

      主题页:品牌露出+主题露出+交互(hù)提醒。最顶部是品牌(pái)LOGO,视觉(jiào)重(chóng)心为“测测你(nǐ)的恋爱MBTI人格”,底部为“上滑开始”提醒。右(yòu)侧深色交互提(tí)醒吸附右(yòu)壁——向(xiàng)上滑动(dòng),开始答题。

       

      测试答题(tí):共(gòng)7题,向上滑(huá)动(dòng)开始(shǐ)答题,点击选项(xiàng)后,自动(dòng)滑到下一题。每题选项有(yǒu)交(jiāo)互声音,答完(wán)后生成分享海报

       

      H5案例 

       

      答题(tí)测试H5 

       

      案例名称:北京(jīng)SKP | 童(tóng)真欢乐(lè)营地(dì)

       

      案例品牌(pái):北(běi)京SKP

       

      北京SKP在六一期间推出的创意线(xiàn)上H5活动,以“童真欢乐营地”为主题,让(ràng)用户足不(bú)出户参与营(yíng)地探索,参与“打小怪(guài)物”游戏,并引(yǐn)导用户了解北京SKP推出的儿童新款服饰(shì)以(yǐ)及各店面(miàn)的(de)线下地址,为(wéi)品牌发声(shēng),为产品营销,为线下(xià)引流。

       

      整体页面色彩鲜艳,小怪物形象(xiàng)可爱,加上3D交互,很能吸引小朋(péng)友的注意力。交互上,主要以点击和拖拽为主,3D可交(jiāo)互(hù)场(chǎng)景是亮点,可以从空间里,查找(zhǎo)并(bìng)点击(jī)露(lù)头(tóu)的(de)小怪物。

       

      H5案例 

       

      3DH5 

       

      案例名(míng)称:快来(lái)!和元宝云游中国(guó)~

       

      案例品牌:银联X云(yún)闪付

       

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

       

      点击初始页的触点开(kāi)始打(dǎ)卡,光标提示玩法(fǎ),用户点击汇总地图上的(de)景点进(jìn)入景色图,点击吉祥物赢取装备,点亮下方相应图标,不(bú)能进入的景点会(huì)直接(jiē)跳出介(jiè)绍框,装备集齐后,点击(jī)下(xià)方触点,前往抽奖页(yè)面即(jí)可(kě)。

       

      景点里的元(yuán)宝很明显(xiǎn),一下(xià)就可以看到,游戏没有难度,一边感受景点的美丽,一(yī)边就集齐了装备。

       

      H5案例 

       

      云体(tǐ)验H5 

       

      案例名称:过(guò)往牛市避险录

       

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

       

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

       

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

       

      蓝色主色,代(dài)表冷静的(de)投(tóu)资(zī)与(yǔ)分(fèn)析(xī)态度,将枯(kū)燥的(de)数据,信息,与(yǔ)表格,走(zǒu)势图,简单的画作等(děng)元素结合,给浏览过程增加趣味。表述简约直(zhí)白,没有投资(zī)经验的(de)用户也可以看懂。

       

      H5案例(lì) 

       

      信息展示H5

       

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

       

       

        相关阅读:《精选(xuǎn)H5案例合集分(fèn)享-22



      联系QQ:2899301896

      新利和蓝橙互动·致力于为企业提供更(gèng)高效的开发服务

      新利

      新利