乐鱼(中国)leyu





    1. H5游戏制(zhì)作
      H5游戏制作(zuò)
      H5游戏(xì)制作
      H5案例
      H5开发
      扫一(yī)扫(sǎo)
      h5定制(zhì)
      h5定制

      回到(dào)顶(dǐng)部

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

      H5案例 2021年11月05日

      随着H5开(kāi)发技术的成(chéng)熟,H5页面(miàn)能支持丰富更能和(hé)视觉效果,实现不同的H5玩法设计,比如H5互动游戏、H5漫画(huà)、答题测试H5、年度H5账单(dān)等等。乐鱼和蓝橙互动精选(xuǎn)H5案例合(hé)集(jí)分享08期,就给(gěi)大家分享一下各种不同玩法的H5案例。

       

      案例名称(chēng):鱿鱼(yú)游戏

       

      案(àn)例品牌:MEO

       

      结合当下流(liú)行的影视作品(pǐn)“鱿(yóu)鱼游(yóu)戏(xì)”创(chuàng)作的H5交互小游戏,各(gè)种限制,让(ràng)用户体验(yàn)人性的善恶(è),欲罢(bà)不能的一次(cì)次去挑战,最后(hòu)通关的人,获得通(tōng)过的“乐趣”。

       

      鱿鱼游戏共6关(guān),每关是(shì)一个独(dú)立游(yóu)戏。每(měi)一关开始前都有操作和规则提示,限时游戏。违犯规则和突(tū)破限定时间,都算Game Over。最后通(tōng)关的(de)者,会有通关祝贺(hè):消耗(hào)命(mìng)数+引发思考的文案。

       

      巨难无比,即使(shǐ)了解《鱿鱼游戏》剧情的人,通关(guān)也得操作几(jǐ)十遍(biàn),小编(biān)开始就(jiù)以为这(zhè)个游(yóu)戏(xì)有bug,根本玩不过去。引(yǐn)发(fā)思考:如果有坚持不懈通关的韧性和决心,天(tiān)下什么(me)事,搞不定?

       

      H5案例 

       

      H5案例 

       

      案例名称:警惕身边的TA

       

      案(àn)例品(pǐn)牌:人民日报新媒体

       

      人民日报新媒(méi)体出(chū)品,用(yòng)根据(jù)真实案例改编的情节故事,告知用户间谍的常用套路与(yǔ)作(zuò)案目(mù)标,测试和提高全民反奸防谍意识(shí)。

       

      打开作品后,在三个故事中任选一个进入,在故事节点选择自己(jǐ)是否接受情境中对方(fāng)的要求(qiú),“天上的馅饼”讲述了境外间谍势力利用高薪网络兼职(zhí),企(qǐ)图让(ràng)“你(nǐ)”帮他拍摄军港和军(jun1)事基地照片;“美(měi)丽的陷阱(jǐng)”是美女间谍利用美色(sè),结识男性,收集尖端机械的相关信息;“坑人(rén)的朋友”是间谍势力渗入朋友群,通过转(zhuǎn)介(jiè)绍企(qǐ)图套取国家(jiā)机密信息。最后间谍都无一例外被依法(fǎ)逮捕,作品也会根据用户的选(xuǎn)择给出反奸防谍意识测试结果。

       

      H5案例(lì) 

       

       H5案例

       

       

      案例名称:消(xiāo)灭全民公敌

       

      案(àn)例品(pǐn)牌:淘宝特价(jià)版

       

      网购盛行,但是陷(xiàn)阱和套(tào)路(lù)也很(hěn)多,淘宝特价版在故事中化身江湖侠客(kè),行侠(xiá)仗义,戳破各种(zhǒng)消费诡(guǐ)计,具象化购物的各种不良现象,表明自身态度,有(yǒu)针对性的宣传自身优势,吸引用户使用。

       

      下滑浏览长图,内容是一位(wèi)婴儿(ér)降生,被麒麟赐予神秘美玉,长大后行走江湖,看到村民收到货不对(duì)版(bǎn)的(de)物(wù)品,帮助村民赶走旗号为“拼(pīn)”的(de)帮(bāng)派,看到低价大甩卖,怒揭黑心(xīn)商人(rén)原价更(gèng)低的真相,遇到套路似(sì)迷宫的开(kāi)业(yè)大酬宾(bīn),一剑毁掉,又打败了假装一手货源(yuán)的中间商,获得群(qún)众支持(chí),最后杀掉了集(jí)“假冒”“套(tào)路”“高价”“伪(wěi)劣”于一身(shēn)的黑(hēi)心(xīn)头目,完(wán)成使命(mìng),屏幕(mù)出现“为消费平权而斗(dòu)”“为杀价(jià)而(ér)生(shēng)”的标语。

       

      H5案例 

       

      H5案例 

       

       

      案例名称:灵魂试香纸

       

      案(àn)例品牌:天猫

       

      灵魂也是有香气的,听起来是(shì)不是很新颖?天猫(māo)超(chāo)级(jí)品牌(pái)日做品牌推广(guǎng),根据(jù)用户性格(gé)测试结果(guǒ),推荐不同品牌的产品,提高品(pǐn)牌日(rì)知名度,加深用户(hù)对各大品牌的印(yìn)象,促进消费(fèi)。

       

      点击标题页的(de)触点(diǎn),开(kāi)始测试,主题是在一座古堡里探险,跟着作品来到不同情(qíng)境(jìng),回答相(xiàng)关问题,包括是否带上舞(wǔ)会(huì)面具,对墙上(shàng)的空画框做何感想,选择(zé)一幅画拖入,来到花园(yuán)会如何(hé)摆放花(huā)盆,听到受伤(shāng)的猫喊“疼”第一(yī)反应是什么,选择一个传送门(mén)结(jié)束旅程(chéng)。输入名字(zì)生成海报,包(bāo)括“你”的灵魂香气形容词,两个关键词和解(jiě)说,主图,“魂器推荐”是一件商品,旁(páng)侧有具体的商品名称,报头(tóu)是天(tiān)猫超级品牌日logo与商品(pǐn)品牌logo。

       

      H5案例 

       

       H5案例

       

      案例名称:壳牌(pái)电子会(huì)员2周年(nián)庆(qìng)

       

      案例品牌壳(ké)牌(pái)

       

      这款H5是由‘壳(ké)牌’开发的盘(pán)点类(lèi)H5,旨在(zài)通过展现用(yòng)户与壳牌的大数据(jù)信息,让用户了(le)解自己与壳牌的消费记录,从而宣(xuān)传品牌信息。进入(rù)H5后,出现动(dòng)态横条插画形式的主题‘8月壳粉节(jiē),2周年’,下面点击启动引擎进(jìn)入(rù)游戏;进入游戏后通(tōng)过(guò)滑动翻页查看各种自己与壳牌(pái)的经(jīng)历,从认识到(dào)第一次加油,然后(hòu)是最早的(de)加油(yóu)时间,最晚的加油时间,去过的壳牌门店;最后形成一张发条(tiáo)形式(shì)的信息(xī)展示(shì)页,可以分(fèn)享(xiǎng)到朋友圈(quān);再次(cì)下滑则会进入红包雨游戏中(zhōng),只有壳牌会(huì)员才能参(cān)与。

       

      H5案(àn)例 

       

      H5案(àn)例 

       

      案(àn)例名称:成都天府通-年度账单H5

       

      案例品牌天府通

       

      2019成都公共交通大数据报告发布后,天府通公司正式上线年度个人出行(háng)账单查(chá)询功能,用户可打开天府通APP,点击(jī)首页(yè)顶部活动入口即可查询到自己的年度出行账单。

       

      本(běn)H5、“公共交(jiāo)通年终总结”的(de)主(zhǔ)题(tí)更具(jù)个性(xìng)化(huà)和趣味性,内容包括用户全年的公共交通消费、搭乘(chéng)公(gōng)交和(hé)地铁的(de)“成绩”、最早乘车与最晚乘车时间、个人(rén)减(jiǎn)碳量等数据,直观地反应了用户与城市的密切互动。

       

      H5案例 

       

      H5案例 

       

      以上就是本(běn)期为大家带来H5案例(lì)分享,感兴趣(qù)的(de)朋友可以(yǐ)持续关注我们乐鱼和蓝橙互动官网(wǎng)的新闻(wén)动态,或是(shì)关注乐鱼和蓝橙互动官方(fāng)微信公众号(hào),我们会(huì)不定时(shí)向大(dà)家分享最(zuì)新的优秀案例。

       

       

      相关阅读:《精选H5案例合集(jí)分享-07期



      联系QQ:2899301896

      乐鱼和蓝橙互动(dòng)·致(zhì)力于为企业提供更高效的开发服务

      乐鱼(中国)leyu

      乐鱼(中国)leyu