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