半岛网页版-半岛bandao(中国)


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

      回(huí)到顶部

      蓝(lán)橙互(hù)动(dòng)H5案例分享-43期

      H5案例 2022年11月30日

      接近年底,又(yòu)到了各(gè)大商家(jiā)的(de)营销冲(chōng)刺阶(jiē)段,或是借(jiè)助(zhù)热(rè)点,或是(shì)品(pǐn)牌专(zhuān)属主题,许多(duō)品牌都推出了自家的(de)H5营销活(huó)动。半岛网页版和蓝橙(chéng)互动精选H5案例合集分(fèn)享第43期,就来给大家分享一(yī)下(xià)各品(pǐn)牌的H5营销活(huó)动。

       

      案(àn)例:麦(mài)咭点球大战

       

      品(pǐn)牌:麦咭(jī)TV

       

      世界杯正在如火如(rú)荼(tú)的进行中(zhōng),你是不是也想来(lái)两(liǎng)球过过瘾?麦咭公仔当(dāng)守门(mén)员,一起(qǐ)来感受进球的快(kuài)乐(lè),每满五个进(jìn)球即可获得一(yī)次抽奖机会。

       

      进入H5游戏,用户将作为第一视角出现在足球上场(chǎng),滑(huá)动草坪(píng)可以调整(zhěng)视(shì)角,左(zuǒ)方有蓄力条,拉球(qiú)调整角度射门即(jí)可,守门(mén)员会随着你的射(shè)门角度变化做预(yù)备位置(zhì)调整(zhěng),没进(jìn)一(yī)球积一分,每积五分(fèn)获得(dé)一次抽奖机会。普通用户(hù)每天登录(lù)游戏(xì)拥有20次射门(mén)机会,会(huì)员(yuán)用(yòng)户可(kě)获(huò)得50次射门(mén)机会,完成点(diǎn)球H5游戏挑(tiāo)战(zhàn)后即可参(cān)与九宫格抽奖(jiǎng),抽(chōu)奖次数视用户积分而定。

       

      H5案(àn)例(lì)


      足(zú)球(qiú)H5游戏


      案例:Enter the dressing room

       

      品牌(pái):Adobe × Bowie

       

      Adobe和Bowie联合推出的(de)密室(shì)寻宝类创意(yì)H5作品。通过让(ràng)用户进入一个密室(shì),在限定时间内,找到9件隐藏于密室的Bowie品牌的产品,便可(kě)通关。在游(yóu)戏的同时(shí),让用户认识产品,感受品牌气质。

       

      进入H5游戏,通过滑动(dòng)屏幕调整视角,细心观察隐藏(cáng)于密室中的品牌产品,点击后将弹出产(chǎn)品介绍,查看(kàn)后视为(wéi)收集成功(gōng),收(shōu)集9件即可(kě)通关(guān),用户可点击查看更高(gāo)产品详(xiáng)情(qíng),或跳(tiào)转至品牌商(shāng)城进行购买。

       

      H5案例


      解(jiě)密探索H5


      案例:不一样(yàng)的(de)声音

       

      品(pǐn)牌:挚听(tīng) × FOCONG | 复聪

       

      这是由(yóu)挚听(tīng)推出(chū)的公益宣传H5,习惯了(le)耳清目明(míng)的生活(huó),如果突然看不清听(tīng)不清了(le)会不会(huì)很迷(mí)茫不安?H5把(bǎ)这种遭遇(yù)带(dài)入情景,让用户(hù)亲身(shēn)感受听障(zhàng)老人的心情,引发(fā)共情,发自内心的去关心此项助听公(gōng)益活动。

       

      进入H5案例,首页为一(yī)个(gè)手机主页(yè),“你”收到信息,打(dǎ)开(kāi)来想(xiǎng)欣赏家(jiā)族群里发的钢琴曲却(què)听不清,点击发送信息(xī)告知家人,家人让“你(nǐ)”手机拿近一些,“你”点(diǎn)开语音信息,却仿佛置身水下无法听清。然后是一段实拍视(shì)频,老人听不清语音,小孙女拿来助听器,老人终于回归(guī)正常(cháng)生活。最后是国内听(tīng)障老人(rén)数量和助听器佩戴率(lǜ)总结,用(yòng)户(hù)查看后可输入昵称生成爱心海报。

       

      H5案例


      场景模拟H5


      案(àn)例:挖出(chū)你团队里潜藏的诸葛(gě)亮(liàng)

       

      品(pǐn)牌:飞(fēi)书People

       

      这是(shì)根(gēn)据(jù)三国著名篇章“火(huǒ)烧(shāo)赤壁(bì)”改变的现代(dài)职场版(bǎn)互动视频H5,用户沉浸(jìn)式感(gǎn)受故事情节(jiē),在职场统(tǒng)领团(tuán)队,对抗曹(cáo)氏集团,推广“江(jiāng)东优选”,占领赤壁市(shì)场(chǎng),生(shēng)成自己的人(rén)才(cái)海报,宣传(chuán)“飞书People”的(de)人才招聘优(yōu)势。

       

      进入H5游戏,开篇介绍(shào)了故事背景,身(shēn)着现代(dài)衣服,梳着古(gǔ)式(shì)发型戴着古式头冠的诸葛亮(liàng)来到“江东优选”入职,与(yǔ)市场总监(jiān)一起组建团队,商讨(tǎo)对策。用(yòng)户需要在每(měi)个故事节点做出自己的选择,推动剧情发展,H5共有(yǒu)四个篇章,分别是入职、组建团队、商(shāng)讨战略和占领市场,四(sì)个篇章中(zhōng)间还穿插了(le)“锦(jǐn)囊”,点击打开就(jiù)是“飞书People最(zuì)后市场之战(zhàn)大获(huò)全胜,由(yóu)诸葛亮隆重介绍出品方的优势。

       

      H5案例


      互动视频H5


      案例:21岁,与我一起点亮生日(rì)祝福

       

      品(pǐn)牌:贝壳(ké)

       

      这是贝壳为品牌21周年纪(jì)念日(rì)推出的海报生成(chéng)H5,入职员工根(gēn)据(jù)自(zì)身信(xìn)息生成个人化(huà)定制(zhì)海(hǎi)报进行(háng)分享,共(gòng)庆(qìng)佳日的同时实现品牌宣传(chuán)。

       

      进入H5案例,首页(yè)是一段温馨导语,感谢员工的付出,然后(hòu)进入海报生成页面。用户输(shū)入自己的名字,选择(zé)入职日期和工作地,并上传照片后即可生成海报,照片默(mò)认(rèn)为微信(xìn)头像,可点击替换。海报深蓝(lán)色为(wéi)主题(tí)色,温馨静谧,代表家(jiā)是夜晚栖息时的身体和心(xīn)灵港湾(wān),符合业务属(shǔ)性。海报中包括(kuò)入职(zhí)天(tiān)数,鼓励语和生日(rì)祝福。

       

      H5案例


      海报生(shēng)成h5


      案例:苏轼邀请您(nín)一同创作专属于你们的念奴娇

       

      品牌:建发房产

       

      这是由建发房产推出的(de)品牌宣(xuān)传H5活动,打破(pò)诗人在(zài)人们印象(xiàng)中儒雅的形象,化身燥起来的乐队成(chéng)员登台(tái)表演(yǎn),邀请用户一(yī)起为《念奴娇(jiāo)》编(biān)曲,即兴创作,一展歌喉(hóu)。

       

      进入H5,先导片是李白与苏(sū)轼讨论建发房(fáng)产重新给《念奴(nú)娇》谱(pǔ)曲的事,可跳过观看,进入谱曲页面,选(xuǎn)择主场性别,主(zhǔ)唱脸部可以上传自己照片(piàn),也可(kě)以使用默认(rèn)脸,然后给舞台上的(de)五位著名诗人选(xuǎn)择乐(lè)器(qì),即可(kě)生成新曲。用户可选择自己唱念奴(nú)娇或(huò)使用作品自带的歌声,输入名字后即可完(wán)成制作。用户可在完成页面倾听成品和分享作品。

       

      H5案(àn)例


      DIY生成H5


      以上就是本期(qī)为大家带来H5案例分享,感(gǎn)兴趣(qù)的朋友可以(yǐ)持续关注我们半岛网页版和蓝橙(chéng)互动官网(wǎng)的(de)新闻动态(tài),或是(shì)关注半岛网页版和蓝橙(chéng)互动官方微信公(gōng)众号,我们(men)会不(bú)定时向大家分(fèn)享最新的(de)优秀(xiù)案例(lì)。

       

       

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



      联系QQ:2899301896

      半岛网页版和蓝橙互动(dòng)·致力于为企(qǐ)业提供更高效的开发服务

      半岛网页版-半岛bandao(中国)

      半岛网页版-半岛bandao(中国)