上（shàng）期为大家带来许多优秀的H5案例，反（fǎn）响不错，很多朋友都希（xī）望能（néng）再多分享（xiǎng）一些。下面，开云官方端网站登录入口和蓝橙互动就为大家带（dài）来第二期精选（xuǎn）H5案例合集。

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

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

饿了么与清明上（shàng）河图合作，将饿了么（me）上面的商家植（zhí）入（rù）进上河图里面（miàn）的商铺，整幅画面以动态形式呈现（xiàn），用户点击上河图中的商家，可以（yǐ）领取优惠券。

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

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

案例名称：秘密花（huā）园（yuán）

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

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

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

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

案（àn）例（lì）名称（chēng）：燃...燃起来了

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

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

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

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

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

案例品牌：人民日报新媒体 x 中国移动 x 咪咕

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

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

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

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

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

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

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

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

案例：新生代返场 升级（jí）新可（kě）能

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

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

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

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

案例名称：biubiubiu

案例品牌：新华社技术局&新华社客户端&新华社体育（yù）部出品

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

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

作（zuò）品界面很简（jiǎn）洁（jié），瞄（miáo）准星（xīng）视角，让用户专注射击，在严肃的背景音（yīn）乐下感（gǎn）受（shòu）紧张（zhāng）的（de）比赛气氛。

相关阅读：《精选H5案例合集（jí）分享（xiǎng）-01期》