上期（qī）为大家带来许（xǔ）多优秀（xiù）的（de）H5案例，反（fǎn）响不（bú）错（cuò），很多朋友都（dōu）希（xī）望能（néng）再多分享一（yī）些。下面，华亿平台_华亿和蓝橙互动就为大家（jiā）带来第二期精选（xuǎn）H5案例合集。

案例名称：跟我到古代云逛庙

案例品牌：饿了么X口碑网X清明上（shàng）河（hé）图（tú）

饿了么与清明上河图合作（zuò），将饿了么（me）上面的商家植入进上河图里面的商铺，整幅画面以动态形式（shì）呈现，用户（hù）点（diǎn）击上河图中的商家，可以领取优惠券（quàn）。

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

还原清（qīng）明上河图的风格，进行手绘呈现，既有古风美感，又有很（hěn）多熟悉的现代（dài）美（měi）食店铺罗列，点开后（hòu）各（gè）个（gè）品牌均有优惠可以领取，对用户来说都是实打实的省钱，精准迎（yíng）合需（xū）求，同时很详（xiáng）细的宣传了平台（tái）各方面的品牌优（yōu）势和贴（tiē）心服务。

案例名称（chēng）：秘密（mì）花（huā）园

案例品（pǐn）牌：饿了么X后浪出版公（gōng）司《秘密花（huā）园》

该案例契（qì）合（hé）饿了么蓝骑（qí）士的口号，与知名的涂色绘本《秘密花园》合作，将饿了么上可以点的商户植入（rù）到秘密花园中，凸显下午茶（chá）的概念，用户可以（yǐ）看（kàn）到蓝骑士与（yǔ）用户之间发生的故（gù）事，凸（tū）显“爱什（shí）么来（lái）什么”的口号。

点击打（dǎ）开作品，来到秘密花园（yuán）风格的横屏界面，左滑屏幕查看画作每部分的（de）内容，蓝骑士为小（xiǎo）朋（péng）友送（sòng）来好吃的，为在（zài）公园（yuán）看（kàn）书（shū）的女（nǚ）生送来奶茶（chá），为聚会庆生的（de）女生们送（sòng）来蛋糕，为（wéi）求婚的男生（shēng）送来（lái）花束。用户点击发光图标领取优惠券。

还原《秘密花园》本来的色彩（cǎi）元（yuán）素和手绘风格（gé），色彩丰富元素繁密（mì），各个场（chǎng）景都很温暖美好（hǎo），又有生（shēng）活（huó）气息（xī），都是生活中（zhōng）人们（men）经常遇（yù）到的外（wài）卖需求。

案例名称：燃...燃起来了

案例品牌：新华（huá）社（shè）客户端X新华社（shè）体育部X新华社（shè）技（jì）术（shù）局（jú）X新浪微（wēi）博

全民健身时代，远离高热量食物，用运动（dòng）消耗卡路里，才能实现身材升级。参与新华社（shè）出品（pǐn）的（de）足球游（yóu）戏，了（le）解运动，卡路里，与实物数量之间的换算，还可以用成绩兑换奖品哦（ò）！

初始界面有（yǒu）一位（wèi）身着球服的（de）胖男生背（bèi）影，上（shàng）方是标题和该男（nán）子肥胖程（chéng）度，下方是开始（shǐ）触（chù）点，排（pái）行榜与游戏方法详（xiáng）情。

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

案例（lì）名（míng）称：东京奥（ào）运会（huì） 金（jīn）牌大挑战

案例品牌：人（rén）民日报新媒（méi）体 x 中国移动（dòng） x 咪咕

这（zhè）是（shì）人民日报新（xīn）媒（méi）体（tǐ）联合（hé）中（zhōng）国（guó）移动、咪咕制（zhì）作（zuò）的H5案例，旨在传（chuán）递奥运精神，通过（guò）游戏的形式让（ràng）用户体验不同运（yùn）动项目的（de）趣味。

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

整个案例操作简单，游戏也具有反复参与性（xìng），九（jiǔ）种不同的运动（dòng）项目包含全（quán）面，有些是用户（hù）平时很难接触到的，通过游戏体验是一（yī）种很新颖（yǐng）的方式，也能（néng）够（gòu）增强用户对该项目真正（zhèng）的运动体验的好奇心。

案例名称：我们能一（yī）起看奥运么？

案例品牌：人民体育&腾讯看点&QQ浏览器

选择（zé）自（zì）己最喜欢的奥运（yùn）项目，发（fā）给好友，考验默契。

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

色彩（cǎi）统一，每（měi）个（gè）项目都有（yǒu）相关配图，让用户浏（liú）览起来有画面感，从而（ér）选出自己（jǐ）的最（zuì）爱（ài）。被选项目会变成别的颜色，视觉突出（chū），方便用（yòng）户（hù）回顾。

案例：新生代返场 升级新可能

品牌（pái）：网易云音乐 X adidas

开学季在即，如果给你个机（jī）会重回校园，你会是老师同学心（xīn）目中怎样的学生呢？带（dài）上（shàng）adidas新装备，一起重温校园时（shí）光吧！

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

校园类作品，颜色清新活跃，画风青春洋溢（yì）有（yǒu）活力，插图上的人物都身着阿迪达斯服饰，加深用户对品牌的印象（xiàng），和感受品（pǐn）牌服饰（shì）对青春气质的加（jiā）持。除了（le）上（shàng）课下课这样的上学正规流程，作品还融入了（le）传纸条（tiáo），打球，零食这些学生时（shí）代最喜欢的趣（qù）味，引发（fā）美好（hǎo）回忆。

案（àn）例名称：biubiubiu

案（àn）例品牌（pái）：新华（huá）社技（jì）术局&新华社客户端&新华社（shè）体育（yù）部（bù）出（chū）品

新华社出（chū）品，用户（hù）在作（zuò）品中感受（shòu）射击（jī）乐趣，通过三关，即可参与抽奖（jiǎng），挑战体育项目，呼应奥运主题。

首页有奖牌数，五星（xīng）红（hóng）旗和个（gè）人最高分，用户可选择音效是否（fǒu）打（dǎ）开，查看排行榜和（hé）开始（shǐ）游（yóu）戏，游戏开始后，上（shàng）方是30秒倒计时，目标38环，中间是瞄准星和靶子，滑（huá）动左下方的（de）触点瞄准，点击（jī）右方射击（jī），靶（bǎ）子上会出（chū）现（xiàn）击中的环数和枪眼，上方目标（biāo）栏跳（tiào）至相应剩余环数，完成38环后进入下（xià）一关，靶子会变小或（huò）晃动，三关后，总成（chéng）绩和奖杯出现，点击抽奖（jiǎng）。

作品（pǐn）界面（miàn）很简洁，瞄准星（xīng）视角，让用户专注射击，在严（yán）肃的背（bèi）景音乐下感受紧张（zhāng）的比赛气（qì）氛。

相（xiàng）关（guān）阅读：《精（jīng）选H5案（àn）例合集分享-01期》