八戒体育(中国)官方网站-登录入口




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

回到(dào)顶部

精选H5案例合集分享(xiǎng)-01期(qī)

H5案例 2021年09月28日

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

 

案例名称:建党100周年(nián)互动(dòng)微电影(yǐng)《抉择》


品牌:人民日报新媒体×Bilibili


 H5案例

 H5案例

H5案例


人民日报新媒体联合Bilibili在建党100周(zhōu)年之际推出的作品,用户化身为剧中人(rén)物,在电影中选择情节走(zǒu)向,感受(shòu)建党(dǎng),建国(guó),科研(yán)和祖(zǔ)国建(jiàn)设的艰辛(xīn)之路(lù)和胜(shèng)利之路,为(wéi)党献出真挚的祝福。

 

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

 

案例名称(chēng):欢迎(yíng)来(lái)到特区(qū)金色大(dà)道


品牌:深(shēn)圳银保监局


 H5案例

 H5案(àn)例

H5案例


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

 

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

 

案例名称:清华大学美术(shù)学院线上毕业(yè)展


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


 H5案例

 H5案例

H5案例


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

 

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

 

案例名称(chēng):CHOCAPIC® Nutri-Game


品牌:雀巢 Nestlé


 1632470340848240.jpg

H5案例


这是雀(què)巢(cháo)的chocapic产(chǎn)品宣传H5,目的是通(tōng)过(guò)小游戏的(de)形式黏连年轻用户(hù)。


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


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

 

案例名(míng)称(chēng):小小(xiǎo)星(xīng)途揽月人


品(pǐn)牌:网(wǎng)易(yì)新闻 X EXEED星途


 H5案例

 H5案例


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

 

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

 

案例名称:你能通过公司实习期的(de)考验(yàn)吗?


品牌:南方+


 H5案例(lì)

 H5案例


这家(jiā)“创业公司”,史上最强!以进公司实习互动为(wéi)主(zhǔ)题,设定不同的场景和(hé)问题让(ràng)用户选择“继续(xù)实习”还是(shì)“歇(xiē)一(yī)歇(xiē)”进行(háng)游戏


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

 

案例(lì)名称:壳牌(pái)“0”收(shōu)益投资(zī)计划


品牌:壳(ké)牌


 H5案例

 H5案例


壳牌的环保主题作品,模拟在地(dì)球上种树(shù),消灭二(èr)氧化碳的过程,让用(yòng)户参(cān)与(yǔ)环保行动,提高(gāo)环(huán)保意识。


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

 

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


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


 H5案例(lì)

 H5案例

H5案(àn)例


峰米宣传作品,将(jiāng)现(xiàn)代足球报(bào)导与古代蹴鞠画面(miàn)结合,宣传(chuán)传统文(wén)化和峰米产品优势,为店(diàn)铺引流。

 

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



联系QQ:2899301896

八戒体育和蓝橙互动·致力于(yú)为企业提供更高效的开发服务

八戒体育(中国)官方网站-登录入口

八戒体育(中国)官方网站-登录入口