上期（qī）为大（dà）家带来（lái）许多优秀的H5案（àn）例（lì），反响不（bú）错，很（hěn）多朋友（yǒu）都希望（wàng）能再（zài）多分（fèn）享一些。下面，完美和蓝橙（chéng）互动就为大家带来第二期精选（xuǎn）H5案例合集。

案（àn）例（lì）名称：跟我到古代云（yún）逛庙（miào）

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

饿了么与清明（míng）上（shàng）河图合作，将（jiāng）饿（è）了么上面的商家植入进上河图里（lǐ）面（miàn）的商铺，整幅（fú）画面以动态（tài）形式呈现，用户点击上河图中的商家，可以领取优惠券。

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

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

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

案例品牌：饿（è）了么X后浪出版公司《秘密花（huā）园》

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

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

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

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

案（àn）例品牌：新华（huá）社（shè）客户端X新华社体（tǐ）育部X新华（huá）社技（jì）术局X新浪微博（bó）

全民健身时代，远离高热量食物，用（yòng）运动消耗卡路（lù）里，才能实现（xiàn）身材升级（jí）。参与新华社出品的足（zú）球游戏（xì），了解运动，卡路里，与实物（wù）数量之间的换算，还可以（yǐ）用成绩兑换奖（jiǎng）品哦（ò）！

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

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

案例名（míng）称（chēng）：东京奥运（yùn）会（huì） 金牌大挑战

案例品牌：人（rén）民日报新媒体 x 中国移（yí）动 x 咪咕

这（zhè）是人民日报（bào）新媒体联合（hé）中国移动、咪咕制作的H5案例，旨在传递奥运精（jīng）神（shén），通过游戏的（de）形式让用户（hù）体验不同运动项（xiàng）目的趣味（wèi）。

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

整个案例操（cāo）作简单，游戏也具有反复参与性（xìng），九（jiǔ）种不同的（de）运动项（xiàng）目（mù）包含全面，有些是用户平（píng）时很难接触（chù）到的，通过游戏体（tǐ）验是（shì）一（yī）种很（hěn）新颖的方式，也能够增强用户对该项目真正的运（yùn）动体验的好奇心（xīn）。

案（àn）例名（míng）称：我们能一起看奥运么？

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

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

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

色彩统（tǒng）一，每个项目都有相关配图，让用户浏（liú）览起来（lái）有画面感，从而选（xuǎn）出自己的最爱。被选项目会变（biàn）成（chéng）别的颜色，视觉（jiào）突出（chū），方便用户回顾。

案例：新生（shēng）代（dài）返（fǎn）场 升（shēng）级（jí）新可能

品牌：网（wǎng）易云音乐 X adidas

开学季在即，如果（guǒ）给你（nǐ）个机会重回校（xiào）园，你会是老师同学心目（mù）中怎样的学生呢（ne）？带上adidas新装备（bèi），一起重（chóng）温校园时光吧！

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

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

案例名称：biubiubiu

案例品牌：新华社技术（shù）局&新（xīn）华社客（kè）户（hù）端（duān）&新（xīn）华社体育部出品（pǐn）

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

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

作品界面（miàn）很简洁，瞄准星视角（jiǎo），让用户专注射击（jī），在严肃的背景（jǐng）音（yīn）乐下感受紧张的比赛气氛。

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