上期为大（dà）家带来许多优秀的H5案例，反（fǎn）响不错，很多朋友都希望（wàng）能（néng）再多（duō）分享（xiǎng）一些。下面，乐投在线和蓝橙互动就为（wéi）大家带来第二期精选H5案例合集。

案例名称：跟（gēn）我（wǒ）到古代云逛庙

案例（lì）品牌：饿了么X口碑网X清明上河图

饿了么（me）与（yǔ）清明上河图合作，将饿了么上面的商（shāng）家植入进上（shàng）河图（tú）里面的商铺（pù），整（zhěng）幅画面以动态形式呈现，用户点击（jī）上（shàng）河图中的商家，可以领（lǐng）取优惠券。

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

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

案例（lì）名（míng）称：秘密花园（yuán）

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

该案例契合饿（è）了么蓝骑士的口号，与知名的涂色绘本《秘密花园（yuán）》合作，将饿了么（me）上可以点（diǎn）的商（shāng）户（hù）植（zhí）入到秘密花（huā）园中，凸显下午茶的概念（niàn），用户可以看到（dào）蓝骑士与用户（hù）之间（jiān）发（fā）生的故事，凸显“爱（ài）什么来（lái）什么”的口（kǒu）号。

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

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

案例名称（chēng）：燃...燃起来了

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

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

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

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

案例名称：东京奥运会 金牌大挑战

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

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

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

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

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

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

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

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

色彩统（tǒng）一（yī），每个项目都有相关配图，让用户浏览起来有画（huà）面感，从而选出自（zì）己的最（zuì）爱。被（bèi）选（xuǎn）项目会变成（chéng）别的（de）颜色，视觉突出，方便用户回顾（gù）。

案例（lì）：新生代返（fǎn）场 升级新可能

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

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

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

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

案（àn）例名称：biubiubiu

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

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

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

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

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