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


    1. H5游戏制作(zuò)
      H5游戏(xì)制作
      H5游戏制作
      H5案例
      H5开发
      扫(sǎo)一扫
      h5定制
      h5定制

      回到(dào)顶部

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

      H5案例 2021年09月28日

      对于互联(lián)网创意(yì)工作者(zhě)而言,永(yǒng)远保持充沛的精力和灵感(gǎn)可并不(bú)轻松,他们平时向外界输出智慧成果,迎接一轮又一轮的(de)头脑风暴(bào),面对高强度的作业需求,还要努(nǔ)力维持着工(gōng)作状态。在这样(yàng)的情况(kuàng)下,大家期盼着(zhe)有一(yī)座创(chuàng)意加油站(zhàn)出现,能(néng)够为(wéi)我们提供(gòng)取之(zhī)不竭的灵感源泉。本期(qī)小编(biān)给(gěi)大家(jiā)带来的就是全网(wǎng)最(zuì)新的H5案例分享,希望能给大(dà)家(jiā)带(dài)来一(yī)些创意灵(líng)感。

       

      案例名(míng)称:建党100周年(nián)互动微(wēi)电影《抉择》


      品牌:人民日(rì)报新媒(méi)体×Bilibili


       H5案例

       H5案例

      H5案例


      人民日报新媒(méi)体联(lián)合Bilibili在建党100周(zhōu)年之际推出的(de)作品,用户化(huà)身为剧中人物,在(zài)电(diàn)影中选择情节走向,感受(shòu)建(jiàn)党,建国,科研和祖国建设的艰(jiān)辛之路(lù)和胜利之(zhī)路,为党献出真(zhēn)挚的祝福(fú)。

       

      打(dǎ)开作品后(hòu),从“红色起点”“归国(guó)巨(jù)轮”“圆梦茶乡”中选择一个,开启体验,在出现选择时点击自己想要的(de)剧情走向即可,电影播(bō)放完毕后(hòu),用户可以看到自(zì)己(jǐ)的故事梗概(gài),和剧情解锁图(tú),三个电(diàn)影对应(yīng)了建党前(qián),建国时,和建国后(hòu)的时间(jiān)段。

       

      案例名称:欢迎来到(dào)特区金色大道


      品牌:深圳银保(bǎo)监局


       H5案例

       H5案例

      H5案例


      通过(guò)对深圳经济特区四十年发(fā)展过程中,银行保险重点企业(yè)的重(chóng)大事(shì)件(jiàn)回顾(gù),展示银(yín)行保险(xiǎn)行(háng)业支(zhī)持特(tè)区建设(shè),发挥了巨大的金融作用。特别(bié)是深圳银保监局成立以来,银行保险行业继续(xù)发扬敢闯敢试、敢(gǎn)为(wéi)人(rén)先、埋头苦干的(de)特区精神,永葆“闯(chuǎng)”的精神(shén)、“创”的(de)劲头、“干”的作风,续写更多(duō)春(chūn)天(tiān)的(de)故事!

       

      画面以时间(jiān)为(wéi)顺序,从80-90-00-10-至今,画面元素也会随着(zhe)时代(dài)而变(biàn)化,比如车辆、道路、人物和建筑风格等;事件详情页背(bèi)景也选用(yòng)了三个不同时(shí)期的深(shēn)南(nán)大道(dào)风(fēng)景,与深(shēn)圳金色大道呼应。

       

      案例(lì)名称:清华(huá)大(dà)学美术学院(yuàn)线上毕业展(zhǎn)


      品牌:清华大(dà)学美术学院


       H5案例

       H5案例

      H5案(àn)例


      这是清华大学美术设(shè)计研究院联(lián)合清(qīng)华大学-阿里巴巴人(rén)机自然交(jiāo)互体验实验室(shì)、阿里云(yún)制作的一场(chǎng)线上毕(bì)业展,通过线上展览的方式让更多的人看到(dào)清华(huá)美院学生们(men)的设计理念、艺术设计技能(néng)、执着(zhe)理想(xiǎng)、求真务实、自信的文化态度。

       

      在(zài)展(zhǎn)览中,用户左滑屏幕依次浏览展位(wèi),每个展位首先是作者名字,照片,作(zuò)品名称(chēng),设计理念(niàn)阐述,然(rán)后(hòu)是作品(pǐn)展览,展览(lǎn)包(bāo)括图像和视频两种方式,有的会有一些(xiē)简单的(de)小互动,让作者更直观的感(gǎn)受作(zuò)品主旨,点击(jī)右下角作者名(míng)字会(huì)弹出(chū)作品(pǐn)图(tú)选,细节欣赏,或其他平台的个人二(èr)维码(mǎ),左下角有展位(wèi)序列(liè)号(hào)。用户在欣赏过程(chéng)中可随时点击左侧列表,跳转至其他展区或系别。

       

      案(àn)例名称:CHOCAPIC® Nutri-Game


      品牌(pái):雀(què)巢 Nestlé


       1632470340848240.jpg

      H5案例


      这是(shì)雀巢的chocapic产(chǎn)品宣传H5,目的是通(tōng)过小游戏的形(xíng)式黏连年轻用户(hù)。


      H5采用小游戏的形式,首(shǒu)屏是chocapic的产(chǎn)品介(jiè)绍和游戏说(shuō)明,点击“OK”按钮,进入游戏(xì)机界面; 


      游戏机界面,提(tí)示点击右侧黄(huáng)色“X”按钮,开(kāi)始游戏,而后(hòu)是对话(huà)完(wán)毕,点击屏(píng)幕左侧上下左右键(jiàn)小狗运动;点(diǎn)击右侧黄色(sè)“X”按钮,小狗跳(tiào)跃(yuè),游戏(xì)有点(diǎn)像小时候(hòu)玩的超级马里奥;游戏(xì)过程中,小(xiǎo)怪物可以(yǐ)跳(tiào)跃踩,谷物(wù)形式的动态元素碰到后让(ràng)右上角的(de)小条一(yī)点点(diǎn)颜色充满。

       

      案例名(míng)称:小小星(xīng)途揽月人(rén)


      品牌(pái):网易新闻 X EXEED星(xīng)途(tú)


       H5案例

       H5案例


      神州十二号成功(gōng)发射的新闻相(xiàng)信也点燃了许(xǔ)多小朋友的太空梦想(xiǎng),网(wǎng)易新闻(wén)与星途汽车联合制作了此作品,根据孩子的性(xìng)格生成小小(xiǎo)探险家海(hǎi)报,呼应最(zuì)近关注度极高的神舟(zhōu)十二号成功(gōng)发射事件,表达对中(zhōng)国(guó)航天事业的尊重与(yǔ)自豪。

       

      点击导语(yǔ)下的“立刻出道(dào)”,回答问(wèn)题(tí),包括孩(hái)子遨游太(tài)空会被(bèi)什么(me)吸引,遇到外星人会怎么(me)做,然后输入名(míng)字,上传(chuán)照片,选择海报背景,调整照片在背景中(zhōng)的大小和位置,即可(kě)生成(chéng)海报,包括(kuò)报头“小小星途揽月人”,成品效果图,和根据用户(hù)选择授予的称号(hào)“人见人爱的月(yuè)球御(yù)用小摄影家”“深藏(cáng)blue的太空救援小(xiǎo)能(néng)手”等,用户可保存海报,或(huò)点(diǎn)击分享参与抽奖。也可点击跳(tiào)转页面,了(le)解(jiě)相关活动和预(yù)约(yuē)新款星(xīng)途汽车的试(shì)驾。

       

      案例名称:你能通过公司实习(xí)期的考验吗?


      品牌(pái):南(nán)方+


       H5案例(lì)

       H5案例(lì)


      这家(jiā)“创业公司”,史上最强!以(yǐ)进公(gōng)司实习互动为主题,设(shè)定不同的场景和问题让用户选择“继续实(shí)习”还是“歇一歇”进行游戏


      每个环节出现4次对话框考验,结果页分别为(wéi)“这就放弃了,XXXX”与“恭喜你通(tōng)过(guò)第X关”两种情况,制(zhì)造反差,放弃(qì)后则弹出(chū)中(zhōng)国共(gòng)产党人的初(chū)心使命(mìng),让大(dà)家了解和关心(xīn)党员群体(tǐ)背后的坚持(chí)与奉献(xiàn)。    最终结果页显(xiǎn)示你拿到(dào)世界最牛(niú)创业公司offer的潜力值结果,设置两个按钮,一个为查看完整故事(三(sān)个故事党员群(qún)像(xiàng)合并),一个为生成结果页,进一步(bù)分享传播。

       

      案例名称:壳(ké)牌“0”收益投资计划


      品牌:壳牌


       H5案例

       H5案例


      壳牌(pái)的环保主题作品,模拟在地球上(shàng)种树,消灭二氧(yǎng)化(huà)碳的过程,让用户参与环(huán)保行动,提高环保(bǎo)意识(shí)。


      主页点击(jī)接受挑战,在20秒倒计(jì)时内尽量多(duō)的点击不断冒出的二氧(yǎng)化(huà)碳标志,让其变(biàn)成小树,倒计时(shí)结束(shù),用户可以看到自己(jǐ)的种(zhǒng)树数量,获得的称号和(hé)排名,点击跳转到最后页面,可以看到最终种树(shù)数量对(duì)应(yīng)的(de)二(èr)氧化碳(tàn)吸收(shōu)量,排行(háng)榜,和(hé)1分(fèn)52秒的主(zhǔ)题视频。

       

      案(àn)例名称:欧罗巴蹴鞠大赛画传


      品牌:Formovie峰(fēng)米X网(wǎng)易文(wén)创X哒哒


       H5案例(lì)

       H5案例(lì)

      H5案例


      峰米宣传(chuán)作品(pǐn),将(jiāng)现代(dài)足球报导与古代蹴鞠画面结合(hé),宣传传统(tǒng)文化和峰米产品(pǐn)优势,为店(diàn)铺引(yǐn)流。

       

      横屏浏览,点击打开长轴画卷,卷首是标(biāo)语和简约导语,点击蹴鞠球逐幅浏览,画面内容有(yǒu)场(chǎng)上伤(shāng)员急救,比赛(sài)引发企业股价波动,疫苗立大功,乌(wū)龙球,名流云集看(kàn)台,国家队赶赴球场,头球(qiú)进决赛,点球争议,最后用户选择(zé)一副主图(tú)生成收藏海报,海报右方有峰(fēng)米产品优势描述,用户(hù)可重(chóng)选主图(tú)和登陆(lù)店铺。



      联系QQ:2899301896

      半岛网页版和蓝橙互动·致(zhì)力于为(wéi)企业(yè)提供更高效的开发服务

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

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