上期为大家带来许多优秀的（de）H5案例，反响不（bú）错，很（hěn）多朋友都（dōu）希望（wàng）能再多（duō）分享一些（xiē）。下面，完美和蓝橙互动就为大家带来第二期精选（xuǎn）H5案例合集。

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

案例品牌：饿了（le）么X口碑网X清明（míng）上河图

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

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

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

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

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

该案（àn）例契（qì）合饿（è）了么蓝骑士的口号，与（yǔ）知名的涂色绘本（běn）《秘密花园》合作（zuò），将饿了（le）么上可以点的商户（hù）植入到（dào）秘（mì）密花园中，凸显下午茶的概（gài）念，用（yòng）户可以看到蓝骑士（shì）与用户之间（jiān）发生的故（gù）事，凸（tū）显“爱（ài）什么来什么”的口号（hào）。

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

还（hái）原《秘密花园》本来的（de）色彩元素和手绘（huì）风格，色彩丰富元素繁密，各个场景都很温暖美好，又有生活气息，都（dōu）是生活中人们经常遇到的外卖需求。

案例名称：燃...燃起（qǐ）来了

案例（lì）品牌：新华社客户端X新华社体育部X新华社技术局X新浪微博

全民健身时代（dài），远离高热量食物，用运动消耗（hào）卡路里，才能实现身材升级。参（cān）与新华社出品（pǐn）的（de）足（zú）球游戏（xì），了解运动，卡路里，与实物数量之间的换算，还可以用成绩兑换（huàn）奖品哦！

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

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

案（àn）例名称：东京奥运会 金牌大挑战

案例品牌：人民日报（bào）新媒（méi）体 x 中国移动 x 咪咕

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

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

整（zhěng）个案例（lì）操作简单，游戏也（yě）具有反复（fù）参与性，九种不同的运动项目包（bāo）含全面，有些是用户平时很难接触到的，通过（guò）游戏体（tǐ）验（yàn）是一种很新颖的方式，也（yě）能够增强用户对（duì）该项目真正的运动（dòng）体验的（de）好奇心。

案例名称：我们（men）能（néng）一起看（kàn）奥（ào）运么？

案例（lì）品牌（pái）：人民体育&腾讯看点&QQ浏览（lǎn）器（qì）

选择自（zì）己最（zuì）喜欢的奥运项目，发给好友，考验默契。

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

色（sè）彩统一，每个项目都有相关配图（tú），让用户浏（liú）览起来有画（huà）面感，从而选出（chū）自己（jǐ）的最（zuì）爱。被选（xuǎn）项目会变成别（bié）的颜色，视（shì）觉突出，方便用户（hù）回顾。

案例（lì）：新生代（dài）返（fǎn）场 升级新（xīn）可能

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

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

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

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

案（àn）例名称：biubiubiu

案（àn）例（lì）品（pǐn）牌：新华社技术局&新华社客户端（duān）&新华社体育部出（chū）品

新华社出品，用户在（zài）作品中（zhōng）感受射击乐趣，通过三关，即可参与抽奖，挑战体育项目，呼应奥（ào）运主（zhǔ）题。

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

作（zuò）品（pǐn）界面很简洁，瞄（miáo）准星视角，让用户（hù）专注射击，在严肃的（de）背景音乐下感受紧张的（de）比赛气氛。

相关阅读（dú）：《精选（xuǎn）H5案例合集分享-01期》