上期为大家带来许（xǔ）多（duō）优秀的H5案例，反响不错，很（hěn）多朋（péng）友都希望能（néng）再多分享一些。下面，新利和蓝橙互动（dòng）就为（wéi）大家（jiā）带来第二期（qī）精选H5案（àn）例（lì）合集（jí）。

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

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

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

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

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

案例名称（chēng）：秘密花园

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

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

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

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

案例名称：燃...燃起来（lái）了

案例品牌：新（xīn）华社客户端X新（xīn）华社（shè）体育部（bù）X新华社技术（shù）局X新浪（làng）微博

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

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

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

案例名称：东京奥运（yùn）会 金（jīn）牌大挑（tiāo）战

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

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

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

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

案例（lì）名称：我们能一起看（kàn）奥运么？

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

选择自（zì）己最喜（xǐ）欢的奥运（yùn）项目，发给好友（yǒu），考验默契。

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

色彩统一，每个项目都（dōu）有相关（guān）配图，让用户浏览起来有画面感，从而选出自己的最爱（ài）。被选项（xiàng）目（mù）会变成（chéng）别的颜色（sè），视觉突出，方便（biàn）用户回顾。

案例（lì）：新生代返场（chǎng） 升级（jí）新可能

品牌（pái）：网易云音乐 X adidas

开学季（jì）在即，如果给你个机会重回校园，你会是老师同学心目中怎样的（de）学生呢？带（dài）上（shàng）adidas新（xīn）装备，一（yī）起重（chóng）温校园（yuán）时光吧！

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

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

案例名称：biubiubiu

案例品牌：新华社（shè）技术局&新华社客（kè）户端（duān）&新华（huá）社体育部出品

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

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

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

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