爱游戏网页版-爱游戏aiyouxi(中国)






H5游戏制作
H5游(yóu)戏制(zhì)作
H5游(yóu)戏制作(zuò)
H5案例(lì)
H5开发
扫一(yī)扫
h5定制
h5定制(zhì)

回到顶部

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

H5案例 2021年10月19日(rì)

上期(qī)为大家带来许多优秀的H5案例,反响不(bú)错,很(hěn)多朋友都希望能再多分享一些。下面,爱游戏网页版和蓝橙互动(dòng)就为(wéi)大家带来第二期精选(xuǎn)H5案例合集。


案例名称:跟(gēn)我到古代(dài)云(yún)逛庙(miào)

 

案例品牌:饿了(le)么X口碑网(wǎng)X清明上河(hé)图


 H5案例

H5案例


饿(è)了么(me)与清明上河(hé)图合作,将饿了么上面的商家植入(rù)进上(shàng)河(hé)图(tú)里面的商铺,整幅画(huà)面以动态形(xíng)式呈现,用户(hù)点击上河图(tú)中的商家(jiā),可以领取优惠券(quàn)。

 

标题页面的进度条加载完毕后,用户随(suí)着镜头穿过云雾,来到(dào)清明上河图中,左滑浏览,熙攘街头有许(xǔ)多热(rè)门店面,和零星分布(bù)的(de)讲解,以及人物对话框。店面包括外婆家,来(lái)伊份(fèn),麦当劳,奈雪的茶,海底捞等100多个各类店铺,店铺上面有招牌,LOGO和广告(gào)语(yǔ);零星分布(bù)的讲解内容(róng)有超级品牌(pái)日,顾客对美食的感慨(kǎi),蜂(fēng)鸟配(pèi)送,口(kǒu)碑直播等平台活动和(hé)服务内容;人物对话有外卖员(yuán)送(sòng)餐,顾客取餐,老板(bǎn)感慨加入饿了么以后订(dìng)单很多等生活化内(nèi)容。用户点击喜欢(huān)的店铺(pù),查看大图,有小二报出店名和欢迎词,用户可选择进(jìn)店抢货或(huò)继(jì)续逛街。

 

还原(yuán)清明(míng)上河图的(de)风格,进(jìn)行手绘呈现,既(jì)有古风美(měi)感(gǎn),又有很多熟悉的现代美食店铺罗列,点开后各个品牌均有优惠可以(yǐ)领取,对(duì)用户来说都是实(shí)打实的省钱,精准迎合需求,同时很详细(xì)的宣传(chuán)了平台各方(fāng)面的品牌优势和(hé)贴心服(fú)务。

 

案(àn)例(lì)名(míng)称(chēng):秘密(mì)花园


案例品牌:饿(è)了么(me)X后浪出版公司《秘(mì)密花园(yuán)》


 H5案例

H5案例


该案(àn)例(lì)契合饿了么蓝骑士(shì)的口号,与知(zhī)名的涂色绘本《秘密花园》合(hé)作(zuò),将饿了么上可以点的商户植入到秘(mì)密(mì)花园中,凸(tū)显下午茶的概念,用户可(kě)以看到蓝骑士与用户之(zhī)间发(fā)生的故事,凸(tū)显“爱什么来什么”的口(kǒu)号。

 

点(diǎn)击打开作品,来到(dào)秘密(mì)花园(yuán)风格的横屏界面,左滑(huá)屏幕(mù)查看画作每部分的(de)内容,蓝骑士为小朋友送来好(hǎo)吃的,为在(zài)公园看书的女(nǚ)生送来奶茶,为聚会庆生的女(nǚ)生们送来(lái)蛋糕,为求婚的男(nán)生送来花束(shù)。用户点(diǎn)击(jī)发光图标领取优惠券。

 

还原《秘密花(huā)园》本来的色彩元(yuán)素和手绘风(fēng)格(gé),色彩丰富元素繁密,各个(gè)场(chǎng)景都很温暖(nuǎn)美好(hǎo),又有生活气息,都是生活中人(rén)们(men)经常遇到的外卖需求。

 

案例(lì)名称:燃...燃(rán)起(qǐ)来了

 

案例品牌:新华社客户端(duān)X新华社体育部X新华社(shè)技(jì)术局X新浪(làng)微博


 H5案例

H5案例


全(quán)民健(jiàn)身时代,远离高热量食物,用运动(dòng)消耗卡路里,才能实现身材升级。参与新华社出品的足球游戏,了解运动,卡路里,与实物数量(liàng)之间的换算,还可以用成绩兑换奖品哦!

 

初始界面有(yǒu)一位身着球服的(de)胖(pàng)男生背影,上方是标题和该男子肥胖(pàng)程度,下方是开始触点(diǎn),排(pái)行(háng)榜与游戏方法详(xiáng)情。

 

点(diǎn)击(jī)“运(yùn)动有(yǒu)奖”开始挑(tiāo)战,男生大脚(jiǎo)开(kāi)球,向前奔(bēn)跑,用户点击跑道让运动员左右(yòu)移动,在奔跑时需要注意足球位置,及时挪去带球,同时接住(zhù)水,避开(kāi)高热量食品和裁(cái)判(pàn),接住水可(kě)以保持左上角(jiǎo)身体含水量进度条不枯竭,接住高热量食品会抵消减(jiǎn)掉(diào)的卡路里,没有及时接回球和(hé)冲撞裁判会导(dǎo)致游戏结束,奔跑一(yī)定距离后男子身材会变瘦一个等级。

 

案例名称:东(dōng)京(jīng)奥运会 金牌(pái)大挑战(zhàn)

 

案例品牌:人(rén)民日报新(xīn)媒体 x 中国移动(dòng) x 咪咕

 H5案(àn)例(lì)

H5案例


这是人(rén)民日(rì)报(bào)新媒(méi)体联合中国移动、咪咕制作的H5案(àn)例,旨(zhǐ)在传递奥运精神,通过游戏的形式让用户体验(yàn)不同运动项(xiàng)目的趣味。

 

加载(zǎi)成功后,用户可以在首页看到九种不(bú)同的运动项目金(jīn)牌(pái),只要点(diǎn)击(jī)自己感(gǎn)兴趣的项目金牌,即可(kě)体验该运(yùn)动(dòng)项目(mù)的(de)线上(shàng)比赛;页面跳转后,用户可(kě)以在游戏(xì)起始页了解运动项目的规则、历(lì)史以及中国运动(dòng)员最早在该项目取(qǔ)得的成就(jiù),点击“我要挑战”了解线上比赛的规则和比赛方法,在倒计时后开始比赛,结(jié)束后会根据你的比赛成绩,为(wéi)你颁发金牌、银牌、铜牌、谢谢参与(yǔ)四个奖(jiǎng)项,用(yòng)户可以(yǐ)在颁奖页面直(zhí)接保存海报,也可以分享到朋友圈,如果对成绩(jì)不满意(yì),可以点(diǎn)击“再次挑战”。

 

整个案例操(cāo)作简单(dān),游戏也具有反复参与性,九(jiǔ)种不同的运动项目包含(hán)全面,有些是用户平(píng)时(shí)很难接(jiē)触到的,通过游(yóu)戏体验是一种(zhǒng)很新颖(yǐng)的(de)方式,也(yě)能(néng)够增强用户对(duì)该项目真(zhēn)正(zhèng)的运动体验的好奇心。

 

案例名(míng)称:我们能一起(qǐ)看奥(ào)运么?

 

案例品牌:人民(mín)体育&腾(téng)讯看点&QQ浏(liú)览(lǎn)器


H5案例 


H5案(àn)例


选择(zé)自(zì)己最喜欢的奥运项目,发给(gěi)好(hǎo)友,考验默契(qì)。

 

点(diǎn)击打开作品,在紫色系分框图中点击自己最喜欢的奥(ào)运项(xiàng)目,选五个,被点击的项目图片会从(cóng)紫色系(xì)变为彩色系(xì),右下角有已选数量,点好后,用(yòng)户可选择“就这样猜(cāi)”看看自己和谁(shuí)最默契,或选择“我来出题”,然后发给好友让好(hǎo)友(yǒu)猜,最后用(yòng)户可查看自己的选择,和登陆QQ浏览器查看奥运主题版块(kuài)。

 

色彩统一(yī),每个项目都有相关配(pèi)图,让用户浏览(lǎn)起(qǐ)来有画面感,从而(ér)选出自己(jǐ)的(de)最爱。被(bèi)选项目(mù)会变成(chéng)别的颜色,视觉突出,方便用户(hù)回顾。

 

案例(lì):新生代(dài)返场 升级新(xīn)可能

 

品牌:网易云音乐(lè) X adidas


 1632471453587574.jpg

H5案例


开学(xué)季在即,如果给你(nǐ)个机会重回校园(yuán),你会是老师同学心目(mù)中怎样(yàng)的学生(shēng)呢(ne)?带上adidas新装备,一起重温校园时光吧!

 

选择(zé)自己(jǐ)的身份,学(xué)生(shēng),毕(bì)业多年,或已为人父母,开始答题,包括书包(bāo)里的东西,喜欢(huān)坐(zuò)的位置(zhì),对一段音(yīn)乐的联想,感兴趣的新课和如何(hé)回复小(xiǎo)纸条,输入姓(xìng)名,选择(zé)性别,生成海报,包括你所(suǒ)属(shǔ)的学生(shēng)类型,头脑王者,学霸或暖心班长等,以及相关(guān)分析(xī),用户可点击(jī)触(chù)点登(dēng)陆相关平台。

 

校园类作品,颜色清新活(huó)跃,画(huà)风青春洋溢有(yǒu)活力,插图(tú)上的人物都(dōu)身着阿迪达斯服饰,加(jiā)深用户对品(pǐn)牌(pái)的印象(xiàng),和感受品牌服饰(shì)对青春气质的(de)加(jiā)持。除了上课下课这(zhè)样的上学正规流程,作(zuò)品还融入了传纸(zhǐ)条(tiáo),打球(qiú),零食这些学生时代最喜欢的趣味,引发美好回忆。

 

案例(lì)名称:biubiubiu

 

案例(lì)品牌:新华(huá)社技术局&新华社客户(hù)端(duān)&新华社体育部出品


 H5案例

 H5案例


新(xīn)华社出品,用(yòng)户在作品中感(gǎn)受射击乐趣,通过三关,即可参与抽奖,挑战体育(yù)项目,呼应奥运主题(tí)。

 

首页有奖牌(pái)数,五星红旗和个人最高分(fèn),用户可选择音效是否打开,查看排行(háng)榜和开始游戏(xì),游戏开始后,上方是30秒倒计时,目标(biāo)38环,中(zhōng)间是瞄准星和靶子,滑动左下(xià)方的触点瞄(miáo)准,点击(jī)右方射击(jī),靶(bǎ)子上会出现击中的环数和枪眼(yǎn),上方(fāng)目标栏(lán)跳至相应剩余环数(shù),完成38环后进入下一关,靶子会变(biàn)小(xiǎo)或晃动,三关后,总成绩(jì)和奖杯出现,点击抽奖。

 

作品(pǐn)界面很简(jiǎn)洁,瞄准星视角,让用户专注射击,在严肃的背景音(yīn)乐下感受紧张的比赛气氛。



相关阅读:《精选(xuǎn)H5案例合集分享(xiǎng)-01期(qī)



联系QQ:2899301896

蓝(lán)橙互动·致(zhì)力于为企业提供更高(gāo)效(xiào)的开发服务

爱游戏网页版-爱游戏aiyouxi(中国)

爱游戏网页版-爱游戏aiyouxi(中国)