爱游戏网页版-爱游戏aiyouxi(中国)






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

回到顶部

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

H5案例 2021年09月28日

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

 

案(àn)例名(míng)称:建党100周(zhōu)年互动(dòng)微电(diàn)影《抉择(zé)》


品牌:人(rén)民日(rì)报新(xīn)媒体×Bilibili


 H5案(àn)例

 H5案(àn)例

H5案例


人民日报新媒体联合Bilibili在建(jiàn)党100周年之际(jì)推(tuī)出(chū)的(de)作品,用(yòng)户化身为剧中人物,在电影(yǐng)中选择情节走向,感受(shòu)建党,建国,科研和祖国建设的艰辛之路(lù)和胜利之路,为党献出真挚的(de)祝福。

 

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

 

案例(lì)名(míng)称:欢迎来到特区金色(sè)大道


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


 H5案例

 H5案例

H5案例


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

 

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

 

案例名称:清华大学美术学(xué)院线上毕业展


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


 H5案例

 H5案例

H5案例


这是清(qīng)华(huá)大学美术设(shè)计研究院联合(hé)清华(huá)大学(xué)-阿(ā)里巴巴人机(jī)自然交互体验实验(yàn)室、阿里云制作(zuò)的(de)一场线上毕业展,通过线上展览(lǎn)的方式让更(gèng)多的人看到清华美(měi)院学生们的设(shè)计理念、艺术设(shè)计技能、执着理想、求(qiú)真务实(shí)、自信的文化态度。

 

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

 

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


品牌:雀巢 Nestlé


 1632470340848240.jpg

H5案例


这是雀巢(cháo)的chocapic产品(pǐn)宣传H5,目(mù)的是通(tōng)过小游戏(xì)的形式黏连年轻用(yòng)户(hù)。


H5采用小游(yóu)戏的(de)形式,首(shǒu)屏是chocapic的产品介绍和(hé)游戏(xì)说明,点击“OK”按钮,进入游(yóu)戏机界面; 


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

 

案例名(míng)称:小小星途揽(lǎn)月人


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


 H5案例(lì)

 H5案例


神州十二号成功发射的新(xīn)闻相信(xìn)也点(diǎn)燃了许多小朋友的太空(kōng)梦想,网易新闻与星途(tú)汽车联合制作了(le)此作品,根据(jù)孩子的(de)性格生成小小探险家海报,呼(hū)应最近关注度(dù)极(jí)高的神舟(zhōu)十(shí)二(èr)号成功发射事件,表达对(duì)中(zhōng)国航天事业的尊(zūn)重与(yǔ)自豪。

 

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

 

案例名称:你(nǐ)能通过公司(sī)实习期(qī)的考验吗?


品牌:南方+


 H5案(àn)例

 H5案例


这家“创(chuàng)业公(gōng)司”,史上(shàng)最强!以进(jìn)公司实习互动为主题,设定(dìng)不同的场景和(hé)问题让(ràng)用户选(xuǎn)择(zé)“继(jì)续(xù)实习”还是“歇一歇”进行游戏


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

 

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


品牌(pái):壳牌


 H5案例

 H5案例


壳牌的环保主题作品,模拟在地球上种树,消灭(miè)二氧化碳的过程,让用户(hù)参(cān)与环保行动,提高环(huán)保意识。


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

 

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


品牌:Formovie峰米X网易文创X哒(dā)哒(dā)


 H5案例

 H5案例

H5案例


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

 

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



联系QQ:2899301896

蓝(lán)橙互(hù)动·致(zhì)力于为企业提(tí)供更高效的开发服(fú)务

爱游戏网页版-爱游戏aiyouxi(中国)

爱游戏网页版-爱游戏aiyouxi(中国)