精选H5案例合集分享(xiǎng)-01期
对于互联网创意工(gōng)作者(zhě)而(ér)言(yán),永远保持充沛(pèi)的精力和灵感可并不轻松,他们平时向外界输(shū)出智慧成果,迎接一轮(lún)又(yòu)一轮的头脑风暴,面(miàn)对(duì)高强度(dù)的作业需求,还要努力维持(chí)着(zhe)工作(zuò)状态。在这样的情况下(xià),大家期盼着有一(yī)座(zuò)创(chuàng)意加油(yóu)站出现(xiàn),能够为(wéi)我们提供取之(zhī)不(bú)竭的灵感源泉(quán)。本期小编给大家带来的(de)就是全网最新的H5案例分享,希望能给(gěi)大家带来(lái)一些创意(yì)灵感。
案例名称:建党100周年互动微电影《抉(jué)择》
品牌:人民日报新媒体(tǐ)×Bilibili
人民日报新(xīn)媒体联(lián)合Bilibili在建党100周年之际推出的作品,用户化身为(wéi)剧(jù)中人(rén)物(wù),在电影(yǐng)中选择情节走向,感(gǎn)受(shòu)建(jiàn)党,建(jiàn)国,科研和祖国建设的艰(jiān)辛(xīn)之路和胜利之路,为党献(xiàn)出真挚的祝福。
打开(kāi)作品(pǐn)后,从“红(hóng)色起点(diǎn)”“归国巨轮(lún)”“圆梦茶乡”中选择一个,开(kāi)启(qǐ)体(tǐ)验,在出现选择时点击(jī)自己想要的剧情走向(xiàng)即可,电影播(bō)放完(wán)毕后,用户可以看到自己的故事(shì)梗概,和剧(jù)情(qíng)解锁图,三个(gè)电影对应了(le)建党前,建国时(shí),和建国(guó)后(hòu)的时间(jiān)段。
案例名称:欢迎(yíng)来到特区金色大道
品(pǐn)牌:深圳银保监局(jú)
通过对深圳(zhèn)经(jīng)济特区四(sì)十年发(fā)展过程中,银行保险(xiǎn)重点企业(yè)的重大(dà)事件回顾(gù),展示银行保险行业支(zhī)持特区建设,发挥了巨大的金融作用。特别是(shì)深圳银保监局(jú)成立以来(lái),银行保险行业继续发(fā)扬(yáng)敢闯敢试、敢为人先(xiān)、埋头苦干的特区精神(shén),永葆“闯”的精神、“创(chuàng)”的(de)劲头、“干”的作风,续写更多春天(tiān)的故事!
画面以时间为顺序,从80-90-00-10-至今,画面元素也会随着(zhe)时代而变化,比如车辆、道(dào)路、人(rén)物和建筑(zhù)风(fēng)格等;事件详情页背景也选用了三(sān)个不同时(shí)期的深南(nán)大道风景,与深(shēn)圳金色大道呼应。
案例名称(chēng):清华(huá)大学美术学院线(xiàn)上(shàng)毕(bì)业(yè)展
品(pǐn)牌:清(qīng)华大学美(měi)术学(xué)院
这(zhè)是清华大学美术设计(jì)研(yán)究(jiū)院联合清华大(dà)学-阿里巴巴人机自然交(jiāo)互体(tǐ)验实(shí)验室、阿里(lǐ)云(yún)制作的一场线(xiàn)上毕业展,通(tōng)过线上展(zhǎn)览(lǎn)的(de)方式(shì)让(ràng)更多的人看到清华美院学生们的设计理念、艺术设(shè)计技能、执着理想、求真务实、自信的文化态度。
在展览中(zhōng),用户左滑(huá)屏幕依次浏览展位,每个展位首先是作者名字,照片(piàn),作品名称(chēng),设(shè)计理念阐述,然后(hòu)是作品(pǐn)展览,展览(lǎn)包括(kuò)图(tú)像和视频两种方式,有的(de)会有一些(xiē)简单的小互动,让作者更直观的感受作品主旨,点击右下角作者名字会弹出作品(pǐn)图选,细节(jiē)欣赏,或其他平台的个人二维码,左下(xià)角有展位序列号。用户在欣赏过程中可随时点击(jī)左侧列(liè)表,跳转至其他展区或(huò)系别。
案例名称:CHOCAPIC® Nutri-Game
品牌:雀巢 Nestlé
这是雀(què)巢的chocapic产品宣传H5,目的是通过小游(yóu)戏的形(xíng)式黏连年轻用户。
H5采用小游戏的形式,首屏是chocapic的产品介(jiè)绍(shào)和游戏(xì)说(shuō)明,点(diǎn)击“OK”按钮,进(jìn)入游戏(xì)机界面;
游戏机(jī)界面,提示点击右(yòu)侧黄色“X”按钮,开始游(yóu)戏,而(ér)后是对话完毕,点击(jī)屏幕左侧(cè)上下左右(yòu)键小狗运(yùn)动;点击右侧黄色“X”按钮,小狗跳(tiào)跃,游戏有点像小时(shí)候玩的超级马(mǎ)里(lǐ)奥;游戏(xì)过程中(zhōng),小怪物可以跳(tiào)跃踩,谷物形式的动态元素碰(pèng)到(dào)后让右上(shàng)角的小条一点(diǎn)点颜色(sè)充满。
案例名称(chēng):小小星途揽(lǎn)月人
品牌:网易(yì)新闻 X EXEED星途
神州十二号成功发射(shè)的新闻相信也点燃了许多小朋友(yǒu)的太空梦想,网易新闻与星途汽车联合制作了此作品(pǐn),根据孩子(zǐ)的性格生成小小探险家海(hǎi)报,呼应最近关注度极高(gāo)的神舟十(shí)二号成功发射事件,表(biǎo)达对中国航天(tiān)事业的尊重与自豪(háo)。
点(diǎn)击(jī)导语(yǔ)下(xià)的“立刻出道”,回答问题,包括孩(hái)子(zǐ)遨游太空会被什么吸引(yǐn),遇到外星人会怎么(me)做,然后输(shū)入名字,上传照片,选择海报背(bèi)景,调整照片(piàn)在背景中(zhōng)的大小和位置,即可(kě)生成海报,包括报(bào)头(tóu)“小小(xiǎo)星途揽月人”,成品效果图,和根(gēn)据用户选(xuǎn)择授(shòu)予的称号“人见人爱的月球御(yù)用小摄影家”“深藏(cáng)blue的太空救援小能手”等,用户可保存海报,或点(diǎn)击分享(xiǎng)参与抽奖。也可点击跳转页(yè)面(miàn),了解相关活动和预约新(xīn)款星途汽车的试驾。
案例名(míng)称:你能通过(guò)公司实(shí)习期的(de)考验吗?
品牌:南方+
这家“创业公司”,史上最强!以进(jìn)公司实习互动为主题,设定不同的场景和问题让用户选择“继续实习”还是“歇一歇”进行游戏
每(měi)个环(huán)节出现4次对话框考验,结果页分别为“这就放弃了(le),XXXX”与“恭喜你通过第(dì)X关”两种情况,制(zhì)造反(fǎn)差(chà),放弃后则弹出中国共产(chǎn)党人的初心使(shǐ)命,让(ràng)大家了解和关心党员群体背(bèi)后的坚持与奉献。 最终(zhōng)结果页显(xiǎn)示你拿到世界最牛创业公司offer的潜力值结(jié)果,设置(zhì)两个按钮(niǔ),一(yī)个为(wéi)查看完整(zhěng)故事(三个故事党员群(qún)像合并),一个(gè)为生成结果页,进一步(bù)分享(xiǎng)传(chuán)播(bō)。
案例(lì)名称:壳牌“0”收益投(tóu)资计划(huá)
品牌:壳牌
壳牌的环保主题作品,模拟在地球(qiú)上(shàng)种树,消灭二(èr)氧化碳的过(guò)程,让用户参与(yǔ)环保(bǎo)行动,提高(gāo)环保(bǎo)意识。
主页点击接受挑战(zhàn),在20秒倒计时内尽量(liàng)多的点击不断冒出的二(èr)氧化碳标志(zhì),让其变成小(xiǎo)树,倒(dǎo)计(jì)时结束,用(yòng)户(hù)可以看到自己的种树数量(liàng),获得的称号和排名,点击跳转到最后页面,可(kě)以看(kàn)到最终种树数量(liàng)对应的二氧化碳吸收量,排(pái)行榜,和1分(fèn)52秒的主题视(shì)频。
案例名称:欧罗(luó)巴(bā)蹴鞠大赛画传
品(pǐn)牌:Formovie峰米X网易(yì)文(wén)创(chuàng)X哒哒
峰米宣(xuān)传作品(pǐn),将现代(dài)足球报导与古代蹴鞠画面结合(hé),宣(xuān)传传统(tǒng)文化和峰米产(chǎn)品优势,为店铺引流。
横(héng)屏浏览(lǎn),点击打开(kāi)长轴画卷,卷首是(shì)标(biāo)语和(hé)简(jiǎn)约导语(yǔ),点击蹴鞠球逐幅浏览(lǎn),画面内容有场上伤员急(jí)救,比赛(sài)引发(fā)企业股价波动,疫(yì)苗(miáo)立大功,乌(wū)龙球,名流云集看台(tái),国家(jiā)队赶赴(fù)球(qiú)场,头(tóu)球(qiú)进决赛,点球争议,最后用户选(xuǎn)择一副主图(tú)生(shēng)成收藏海报,海(hǎi)报右方(fāng)有峰米产(chǎn)品优势描述(shù),用户可重选主图和登陆店(diàn)铺。
联系QQ:2899301896
开云手机站登录入口和蓝橙互动·致力于为企业提供更高(gāo)效的开发服务