精选H5案例合集分享(xiǎng)-02期
上(shàng)期为大家带来许多优秀的H5案例,反响不错,很多朋友(yǒu)都希望能再多(duō)分享一些(xiē)。下面,qy千亿和蓝橙互(hù)动就为(wéi)大家带来第(dì)二(èr)期(qī)精(jīng)选(xuǎn)H5案例合集。
案例名(míng)称(chēng):跟我(wǒ)到古代云(yún)逛(guàng)庙
案例品牌(pái):饿了么(me)X口碑网(wǎng)X清明上河(hé)图
饿了么与清明(míng)上(shàng)河图合作,将饿了么上面的商家植入进上河图里面的商铺,整幅(fú)画面以动态(tài)形式呈现,用户点击上河图中的商家,可(kě)以领取优(yōu)惠券。
标题页面(miàn)的进(jìn)度条加(jiā)载完毕后,用户随(suí)着镜头穿过云(yún)雾,来到清明(míng)上河图(tú)中(zhōng),左滑浏览,熙攘街头有(yǒu)许多热门店面(miàn),和零星分(fèn)布(bù)的讲解,以(yǐ)及人(rén)物(wù)对话(huà)框。店面包括外婆家,来伊份,麦(mài)当劳,奈(nài)雪的茶,海底(dǐ)捞等100多个各(gè)类店(diàn)铺(pù),店铺上(shàng)面(miàn)有招牌,LOGO和广告语;零星分布的讲解内(nèi)容(róng)有超级品牌(pái)日,顾客(kè)对美食的感慨,蜂鸟(niǎo)配送,口(kǒu)碑直播(bō)等(děng)平台活(huó)动和服务内(nèi)容(róng);人物对话有外卖员(yuán)送餐,顾客取餐,老板(bǎn)感慨加入饿了么以(yǐ)后订单很多等生(shēng)活化内容(róng)。用户(hù)点(diǎn)击喜欢(huān)的店铺,查看大图,有小二报出店名和欢迎(yíng)词,用户(hù)可选择进店抢货或继续逛街。
还(hái)原(yuán)清(qīng)明(míng)上河(hé)图的风格,进(jìn)行手(shǒu)绘呈(chéng)现,既有古风(fēng)美感,又有很多熟悉的(de)现代美食店铺罗(luó)列,点开后各个品牌均有(yǒu)优(yōu)惠可以领(lǐng)取,对用户来说都是实打实(shí)的省钱,精准迎合需求,同时很(hěn)详细的(de)宣传了平台各(gè)方(fāng)面的品牌优势和贴心(xīn)服务。
案(àn)例名称:秘密花园
案例(lì)品(pǐn)牌:饿了么X后浪出版公司(sī)《秘(mì)密花园》
该案(àn)例契合饿了(le)么蓝骑士的口号,与知名的涂(tú)色绘本《秘密花园》合作,将(jiāng)饿了么上可(kě)以点的商户植(zhí)入到秘密花(huā)园中,凸显下午(wǔ)茶的概念,用户可以看到蓝(lán)骑士(shì)与用户之间发生的故事(shì),凸显(xiǎn)“爱(ài)什(shí)么来什(shí)么”的口号(hào)。
点击打开作品,来到秘密(mì)花(huā)园风格的(de)横屏界面,左滑屏(píng)幕查看画作每(měi)部分的(de)内容,蓝骑士为小朋友送(sòng)来好(hǎo)吃的,为在公园看书的女(nǚ)生送来(lái)奶茶,为聚会(huì)庆(qìng)生(shēng)的女(nǚ)生们送(sòng)来蛋(dàn)糕,为(wéi)求婚的男生送来花束。用户(hù)点(diǎn)击发光图标领取优(yōu)惠券(quàn)。
还原《秘密(mì)花园》本来的色彩元素和手绘风格,色彩丰富元素繁密,各个(gè)场(chǎng)景都很温暖美好,又有生活气息,都是生(shēng)活中人们经常遇到的(de)外卖需求(qiú)。
案(àn)例名称:燃...燃起来了(le)
案例(lì)品牌:新(xīn)华社客户端(duān)X新华社(shè)体育部(bù)X新华社(shè)技术局X新浪(làng)微(wēi)博
全民健身时(shí)代,远离高热量食(shí)物,用运动消耗卡路里,才(cái)能实现身材升级(jí)。参与新华社出品的足球(qiú)游戏,了解运动,卡路里(lǐ),与实(shí)物(wù)数量(liàng)之间(jiān)的换算,还可以用(yòng)成绩兑换奖品哦!
初始界(jiè)面有一位身着球服的胖男生背影,上方是标题(tí)和该男(nán)子(zǐ)肥胖程度,下方是开始(shǐ)触点(diǎn),排行榜与游戏方法详(xiáng)情。
点击“运动有(yǒu)奖”开始挑战,男生大脚开球,向(xiàng)前奔跑,用户点击跑道(dào)让运动员左右移动(dòng),在奔跑时需要(yào)注意足球位(wèi)置,及时(shí)挪去带(dài)球,同(tóng)时接住水,避开高(gāo)热量食品(pǐn)和裁判,接住水可以保持左上角身体含水量进度条不枯竭,接住高热量食品会抵消减(jiǎn)掉的卡路里,没有及(jí)时接回球和冲撞裁判会导致游戏结束,奔跑一(yī)定距(jù)离后男(nán)子身材会变(biàn)瘦一(yī)个等级。
案例名称:东京(jīng)奥运会(huì) 金牌大挑战
案(àn)例品牌:人民日报(bào)新媒体(tǐ) x 中国移动 x 咪(mī)咕
这是人(rén)民日(rì)报新媒体联合中国移动、咪咕制作的H5案例,旨在传递奥运(yùn)精神(shén),通过游戏的形(xíng)式(shì)让(ràng)用户体验不同(tóng)运动项(xiàng)目的(de)趣味。
加载(zǎi)成(chéng)功后,用户可(kě)以在首页看(kàn)到九种不同的运动项目金牌,只要点击自己感(gǎn)兴趣的(de)项目金牌,即可体验(yàn)该运动项目(mù)的线上比赛;页面跳转后,用户可以在游(yóu)戏起(qǐ)始页了解运动项目的规(guī)则、历史以及(jí)中国运(yùn)动(dòng)员最早(zǎo)在该项目(mù)取(qǔ)得的成(chéng)就(jiù),点击“我(wǒ)要挑战”了解(jiě)线上比赛的(de)规则和比赛方法(fǎ),在倒(dǎo)计时后开始比赛,结束后会根据你的比赛成绩,为你(nǐ)颁发(fā)金(jīn)牌(pái)、银牌、铜牌、谢谢参与四(sì)个奖(jiǎng)项(xiàng),用户可以在颁奖页面直接保存海报(bào),也可(kě)以分享到朋友圈,如(rú)果对成绩不(bú)满意(yì),可以(yǐ)点(diǎn)击“再次挑(tiāo)战”。
整(zhěng)个案例操作简单,游戏也具有反复参与性,九种(zhǒng)不同的运动项目包含全面,有(yǒu)些是(shì)用户平时很难(nán)接触到的,通过游戏体(tǐ)验是一种(zhǒng)很新颖的方式(shì),也能够增强用户对该项目真正的运动(dòng)体(tǐ)验的好(hǎo)奇(qí)心。
案例名称:我们能一起看奥(ào)运么(me)?
案例品牌:人(rén)民体(tǐ)育&腾讯看点&QQ浏(liú)览(lǎn)器
选(xuǎn)择自己最喜欢的(de)奥运项目,发给好(hǎo)友,考验默契(qì)。
点击打开(kāi)作(zuò)品(pǐn),在紫色系(xì)分(fèn)框(kuàng)图(tú)中点击自己(jǐ)最喜欢的奥运项目,选五个,被点击的项目图片会从紫色(sè)系变为彩色(sè)系,右下角有已选数量,点好后,用户可选择“就这(zhè)样猜”看看自己和谁最默契,或选择“我(wǒ)来出题”,然后发给好友让好(hǎo)友猜,最(zuì)后(hòu)用户可查看自(zì)己(jǐ)的选择,和登陆(lù)QQ浏览器查(chá)看奥运主题版块(kuài)。
色彩统(tǒng)一,每个项目都有相关(guān)配图,让(ràng)用户浏览起来有画(huà)面感(gǎn),从而选出(chū)自己的最爱。被选项目会变成别的颜色,视觉(jiào)突出(chū),方便用户回(huí)顾。
案例:新生代(dài)返(fǎn)场 升(shēng)级新可能
品牌(pái):网易云音乐(lè) X adidas
开学季在即(jí),如果给你个机会重回校园,你(nǐ)会(huì)是老师同学心目中怎样的学生(shēng)呢(ne)?带上adidas新(xīn)装备,一起(qǐ)重(chóng)温(wēn)校园时光吧!
选择自(zì)己的(de)身份,学生,毕业多年,或已为人父母,开始答题,包括书(shū)包里的东西,喜欢坐的位(wèi)置,对一段音乐的联想,感兴趣的新课(kè)和如何回复小纸条,输入姓名(míng),选择性别,生成(chéng)海报,包括你所(suǒ)属(shǔ)的(de)学生(shēng)类型,头(tóu)脑王(wáng)者,学霸(bà)或暖心班长等,以(yǐ)及相关分析,用户可(kě)点击触点登陆相关平台。
校园类作(zuò)品,颜色清新活跃,画风(fēng)青春洋(yáng)溢有活力,插图上的人物都身着阿迪达(dá)斯服饰,加深用户对品牌的印象,和感受品牌服饰(shì)对青春气质的加(jiā)持(chí)。除了上课(kè)下(xià)课(kè)这样的上学正规(guī)流程,作(zuò)品还融(róng)入(rù)了传纸条,打球,零食这(zhè)些学生(shēng)时代最喜欢的趣味,引发美好回忆。
案例名称:biubiubiu
案例品牌:新华社技术局&新华社客户(hù)端&新华社(shè)体育部出品
新华社出品,用户在作品中感受射击乐趣,通过三关,即可参与抽奖,挑战体育项目,呼(hū)应奥运主题。
首页有奖牌数(shù),五(wǔ)星红旗和个人最高分,用户可(kě)选择音效是否打开,查看排行榜和开始游戏(xì),游戏开始后,上方是30秒倒计时,目标38环,中(zhōng)间是瞄准星和靶子,滑动(dòng)左下方(fāng)的触点瞄准,点击右方射击,靶(bǎ)子上会出现击(jī)中的环数和枪眼(yǎn),上方目标栏跳(tiào)至(zhì)相(xiàng)应剩余(yú)环数,完成(chéng)38环(huán)后进入(rù)下一关(guān),靶子会变小或(huò)晃动,三关后,总成绩和奖杯(bēi)出现(xiàn),点击(jī)抽(chōu)奖(jiǎng)。
作品界面很简洁,瞄准星视角,让用(yòng)户专(zhuān)注射击,在(zài)严肃的(de)背景音乐下感受紧张的比赛(sài)气氛。
相关阅(yuè)读:《精选H5案例(lì)合(hé)集(jí)分享-01期》
联系QQ:2899301896
蓝(lán)橙互动·致力于为(wéi)企(qǐ)业提供更(gèng)高效的(de)开(kāi)发(fā)服务