上期为大家带来（lái）许多优秀的H5案例，反响不错，很（hěn）多朋友都（dōu）希望能再多分享一（yī）些。下面，蓝（lán）橙互动就为大家带来第二期精（jīng）选H5案例合集。

案例名称：跟我到古代（dài）云逛庙

案例品牌：饿了么X口碑网（wǎng）X清明上河图（tú）

饿了么与清明上河图合作（zuò），将饿了么上面的商（shāng）家植入进上河（hé）图里（lǐ）面的商铺（pù），整幅画（huà）面（miàn）以动态形（xíng）式（shì）呈（chéng）现（xiàn），用（yòng）户点击上（shàng）河图（tú）中的商家，可以领取（qǔ）优惠券。

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

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

案例名称：秘密（mì）花园

案例品牌：饿了么X后浪出（chū）版公司《秘密（mì）花（huā）园（yuán）》

该（gāi）案例契合饿了么蓝骑士的口号，与知（zhī）名的涂色绘本《秘（mì）密花园》合作（zuò），将饿了么上可以点（diǎn）的商户（hù）植入到秘密花（huā）园中（zhōng），凸显下午（wǔ）茶（chá）的概（gài）念（niàn），用户可以看到蓝骑士与用户（hù）之（zhī）间发生的故事，凸显“爱（ài）什么来什么（me）”的口号。

点击打开作品，来到（dào）秘密（mì）花园风格的横屏界面，左滑屏幕查看画作每部分的内容，蓝骑士为小朋友（yǒu）送（sòng）来好（hǎo）吃的，为在公园看书的女（nǚ）生送来奶（nǎi）茶，为聚会庆生（shēng）的女（nǚ）生们送来蛋糕，为求婚的男生送来花束。用户（hù）点击发光图标（biāo）领取优惠券（quàn）。

还原《秘密花园》本来的（de）色彩（cǎi）元素和手绘风格，色彩（cǎi）丰富元素繁密，各个场景都（dōu）很温暖美（měi）好，又有生活气息，都是（shì）生（shēng）活中人（rén）们（men）经（jīng）常遇到（dào）的外卖需求。

案例名称：燃...燃起来（lái）了

案例品牌（pái）：新华社客户端X新华（huá）社体（tǐ）育部X新华社技术（shù）局（jú）X新（xīn）浪微博

全民健身时代，远离（lí）高（gāo）热量（liàng）食物，用运动消耗卡（kǎ）路（lù）里，才能实现（xiàn）身材升级（jí）。参（cān）与新华社出品的足球游戏，了解运动，卡路里，与（yǔ）实物（wù）数量之（zhī）间的换算，还（hái）可（kě）以用成绩兑换奖品哦！

初（chū）始界面有一位身着球服的胖男生（shēng）背影，上（shàng）方（fāng）是标（biāo）题（tí）和（hé）该（gāi）男子肥（féi）胖（pàng）程（chéng）度，下方是开始触点，排行榜与游戏方（fāng）法详情。

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

案例名称：东京奥运会 金牌（pái）大挑战

案例品牌：人民日报新媒体 x 中（zhōng）国移（yí）动（dòng） x 咪（mī）咕

这是人民日报新媒体联合中国移动、咪咕制作的H5案例，旨在（zài）传递奥运精神，通过游戏的形式让用（yòng）户体验不同运动项目（mù）的（de）趣味。

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

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

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

案例品牌：人民体（tǐ）育（yù）&腾讯看点&QQ浏览器

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

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

色（sè）彩统一，每个项目都有相关配图，让（ràng）用户（hù）浏览起（qǐ）来有画面感，从而选出（chū）自己的最爱。被选项（xiàng）目（mù）会变（biàn）成别的（de）颜色（sè），视觉突出（chū），方便（biàn）用户（hù）回顾。

案例（lì）：新（xīn）生代返场 升级（jí）新可（kě）能（néng）

品牌：网易云（yún）音乐 X adidas

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

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

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

案例名称：biubiubiu

案例（lì）品牌：新（xīn）华社技术局&新华社客（kè）户端&新华社体育部出品

新（xīn）华（huá）社出品，用户在作品中感（gǎn）受（shòu）射击乐趣，通过三关，即可参与抽奖，挑战体育项目，呼应奥运主题。

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

作品界面很简洁（jié），瞄（miáo）准星视角，让用户专注射击，在严肃的背（bèi）景音乐下感（gǎn）受（shòu）紧（jǐn）张的比赛气（qì）氛。

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