开云官方端网站登录入口-开云(中国)







H5游戏制作
H5游戏制作
H5游戏制作
H5案例
H5开发(fā)
扫(sǎo)一扫
h5定(dìng)制
h5定制

回到顶部(bù)

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

H5案例 2021年(nián)09月28日(rì)

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

 

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


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


 H5案例

 H5案例(lì)

H5案例


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

 

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

 

案例名称:欢迎来到特(tè)区(qū)金(jīn)色大道


品牌:深圳银保监局


 H5案(àn)例

 H5案例

H5案例


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

 

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

 

案例名称:清华大(dà)学(xué)美术学院线上毕业(yè)展(zhǎn)


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


 H5案例

 H5案例(lì)

H5案例


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

 

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

 

案例名称:CHOCAPIC® Nutri-Game


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


 1632470340848240.jpg

H5案例


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


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


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

 

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


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


 H5案例

 H5案例


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

 

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

 

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


品(pǐn)牌:南方+


 H5案例

 H5案例


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


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

 

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


品牌:壳牌


 H5案例

 H5案例


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


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

 

案例名称:欧罗巴蹴鞠大赛画传


品牌(pái):Formovie峰米X网易文(wén)创X哒哒


 H5案例

 H5案例

H5案例


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

 

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



联系QQ:2899301896

蓝(lán)橙互动(dòng)·致力(lì)于(yú)为(wéi)企业提供更高效的开发服务

开云官方端网站登录入口-开云(中国)

开云官方端网站登录入口-开云(中国)