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