上期为大家带来（lái）许多（duō）优（yōu）秀（xiù）的H5案（àn）例，反响（xiǎng）不错，很（hěn）多朋（péng）友都希（xī）望能再多分享一些。下（xià）面（miàn），BG大游和蓝橙互动（dòng）就为大（dà）家带来第二（èr）期精选H5案例合集。

案例名（míng）称：跟我到古代（dài）云（yún）逛庙

案例品牌（pái）：饿了（le）么X口（kǒu）碑网X清（qīng）明上（shàng）河（hé）图

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

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

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

案例名称：秘密花园

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

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

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

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

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

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

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

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

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

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

案例品牌：人民日（rì）报（bào）新媒体（tǐ） x 中国移动 x 咪咕

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

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

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

案例名称（chēng）：我们能一起看奥运么？

案例品牌：人民体育&腾讯（xùn）看（kàn）点&QQ浏览器

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

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

色彩统一，每个项目都有相关配图，让用户浏览起来有画（huà）面感，从（cóng）而选出自己的最爱。被选项目会变成别（bié）的（de）颜色，视觉（jiào）突出，方便用户回顾。

案例：新（xīn）生代返场 升（shēng）级新可能（néng）

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

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

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

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

案例（lì）名（míng）称：biubiubiu

案例品牌（pái）：新华社技术局&新华社（shè）客户端&新华社体育部出（chū）品

新华社出品（pǐn），用户在作品中感受射（shè）击（jī）乐趣（qù），通过三关，即可参与抽奖，挑战体育项目，呼应奥运主题。

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

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

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