球速体育(中国)官方网站-welcome




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

回到(dào)顶部

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

H5案例 2021年09月28日

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

 

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


品牌(pái):人民日报新(xīn)媒体×Bilibili


 H5案例

 H5案例(lì)

H5案例


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

 

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

 

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


品牌:深圳银保监局


 H5案例

 H5案例

H5案例


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

 

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

 

案例名称:清(qīng)华大(dà)学美术学院线(xiàn)上毕业展


品(pǐn)牌(pái):清华大学美术(shù)学院(yuàn)


 H5案例

 H5案例

H5案(àn)例


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

 

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

 

案例名称:CHOCAPIC® Nutri-Game


品牌(pái):雀巢(cháo) Nestlé


 1632470340848240.jpg

H5案例(lì)


这是雀巢的chocapic产(chǎn)品(pǐn)宣传H5,目的是通过小游戏(xì)的形式黏连年轻用户。


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


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

 

案例名称:小小(xiǎo)星途揽月人


品牌:网易新闻 X EXEED星途


 H5案例

 H5案例


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

 

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

 

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


品牌:南方+


 H5案(àn)例

 H5案例


这家“创业公司(sī)”,史(shǐ)上最强!以进(jìn)公司实习互动为主题,设定不同的(de)场景和问题让用户(hù)选(xuǎn)择“继续(xù)实习”还是“歇(xiē)一歇”进行游戏


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

 

案例名称(chēng):壳牌“0”收益投资(zī)计划


品牌:壳牌


 H5案例

 H5案例(lì)


壳牌的环(huán)保主题作品(pǐn),模拟在地球上种树,消灭(miè)二(èr)氧化碳的过程(chéng),让用户参与环保行动(dòng),提高环保意识。


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

 

案例名称:欧(ōu)罗(luó)巴蹴鞠大赛(sài)画传


品(pǐn)牌:Formovie峰米X网易(yì)文创X哒哒


 H5案例(lì)

 H5案(àn)例(lì)

H5案例


峰(fēng)米宣传作(zuò)品,将现代(dài)足球(qiú)报导与古代(dài)蹴鞠画面结合,宣传传(chuán)统(tǒng)文化和峰(fēng)米产品优势,为店铺引流。

 

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



联系QQ:2899301896

蓝(lán)橙(chéng)互(hù)动·致力于为(wéi)企业提供更(gèng)高效的开发服务

球速体育(中国)官方网站-welcome

球速体育(中国)官方网站-welcome