对于互联网创意工作（zuò）者（zhě）而言（yán），永（yǒng）远（yuǎn）保持（chí）充沛（pèi）的精（jīng）力（lì）和灵（líng）感可并（bìng）不（bú）轻松，他们（men）平时向外界（jiè）输出智（zhì）慧成果（guǒ），迎接（jiē）一轮又一轮的头脑（nǎo）风暴，面对高强（qiáng）度的作业需求，还要努力维持着工（gōng）作状态。在这（zhè）样的情况（kuàng）下，大（dà）家期盼着有（yǒu）一座创意加油站（zhàn）出现，能够为我们提供取之不竭的（de）灵感源泉。本期（qī）小编给大家带来的就是全网（wǎng）最新的H5案例分享，希望能（néng）给（gěi）大家带来一些创意灵感。

案（àn）例名称：建（jiàn）党（dǎng）100周年互动微电影《抉择》

品牌（pái）：人民日报新（xīn）媒（méi）体×Bilibili

人民（mín）日报新媒体联合（hé）Bilibili在建党100周年之际（jì）推出的作（zuò）品，用（yòng）户化身为剧中人物，在电影中选择（zé）情（qíng）节走向（xiàng），感（gǎn）受建党，建国，科研（yán）和祖国建设（shè）的艰辛之路和（hé）胜利之（zhī）路，为党献出（chū）真（zhēn）挚的（de）祝福。

打开作（zuò）品（pǐn）后，从（cóng）“红色起点”“归国巨轮（lún）”“圆（yuán）梦茶乡”中选择一个，开启体验，在出现（xiàn）选择（zé）时点击自己想要的（de）剧情（qíng）走（zǒu）向即可，电影播放（fàng）完毕后，用户可（kě）以看到自己（jǐ）的故事梗概，和剧情解锁图，三（sān）个电影对（duì）应了（le）建（jiàn）党前，建国（guó）时，和建国后的时间段。

案例名称：欢迎来到特（tè）区金色大道

品牌（pái）：深（shēn）圳银保监局

通过对深圳经济特区四十年（nián）发展过程（chéng）中，银行（háng）保险重点（diǎn）企业的（de）重大（dà）事件回顾（gù），展示银行保险行（háng）业支（zhī）持（chí）特区建设，发挥了巨大的金融作用。特别（bié）是深圳银保监局（jú）成立以来，银行保险行业继续发扬敢闯（chuǎng）敢试（shì）、敢为人（rén）先（xiān）、埋头（tóu）苦干的特（tè）区（qū）精神，永（yǒng）葆“闯”的精神、“创”的劲头（tóu）、“干”的作风，续写更（gèng）多春天的故事！

画面以时间（jiān）为顺序，从80-90-00-10-至今，画面元素也（yě）会随（suí）着（zhe）时代而（ér）变化（huà），比如（rú）车辆、道路、人（rén）物和建筑风（fēng）格（gé）等；事件详（xiáng）情页背景也选用了三个不同时期的深（shēn）南大道风（fēng）景，与（yǔ）深圳金（jīn）色（sè）大道（dào）呼应。

案例（lì）名（míng）称：清（qīng）华大学（xué）美术学院（yuàn）线上毕（bì）业展

品牌：清（qīng）华大学美术学院（yuàn）

这是（shì）清华大学美术设计研（yán）究院联合清华大学-阿（ā）里巴（bā）巴人（rén）机自然交互体验实验室、阿里云制作的一场线上毕业展，通过线上（shàng）展览的（de）方（fāng）式让更多的（de）人看到清华美（měi）院学（xué）生们的设计（jì）理念、艺术设计技能、执着理想、求真务实、自信的文化态（tài）度。

在展览中，用（yòng）户左滑屏幕依次浏览（lǎn）展位，每个展位首先是（shì）作者名字，照片，作品名称，设计理念阐述，然后（hòu）是作（zuò）品展览，展览包括图（tú）像和视（shì）频两种方式，有的会有一些简单的小互动，让作者更直观的感（gǎn）受作品主旨，点击右（yòu）下角作者（zhě）名字会弹（dàn）出作（zuò）品图选，细（xì）节欣赏，或其（qí）他平台的（de）个人二（èr）维码，左（zuǒ）下（xià）角有展位序列号。用户在（zài）欣赏过程中可随（suí）时点（diǎn）击左侧列（liè）表，跳转至其他展区或系别（bié）。

案例（lì）名称：CHOCAPIC® Nutri-Game

品牌：雀巢 Nestlé

这是雀（què）巢的chocapic产品宣传H5，目的是通过小（xiǎo）游戏的（de）形式黏连年轻用户（hù）。

H5采用小游戏的形式，首屏是chocapic的（de）产品介绍（shào）和（hé）游戏说明，点击“OK”按钮，进入（rù）游戏机界面； 

游（yóu）戏（xì）机界面，提示（shì）点击右侧黄色“X”按钮，开始游戏，而后（hòu）是对话完毕，点击屏幕左（zuǒ）侧上下左右键小（xiǎo）狗运动（dòng）；点击右侧黄色“X”按钮（niǔ），小狗跳（tiào）跃（yuè），游戏（xì）有点像小时（shí）候玩的超级马里奥（ào）；游戏过（guò）程中，小怪物可以（yǐ）跳跃踩，谷（gǔ）物形（xíng）式的动态元素（sù）碰到后让右（yòu）上角的（de）小（xiǎo）条一点点颜色充（chōng）满。

案例名称：小小星途（tú）揽月人（rén）

品牌：网易新（xīn）闻 X EXEED星途

神州十二号成功发射的新闻相信也点燃了许多小朋友的太空梦想，网易新闻与（yǔ）星途汽车联（lián）合制作了此作品，根据孩子的性格生（shēng）成小小探险（xiǎn）家（jiā）海报，呼应最近关注（zhù）度极高的神舟十二（èr）号成功发射事件，表（biǎo）达对中（zhōng）国航天事业的尊重与自豪（háo）。

点（diǎn）击导语下的“立（lì）刻出道”，回答问题，包括孩（hái）子遨（áo）游太空会被什（shí）么吸引，遇到外星人会怎么做（zuò），然后（hòu）输（shū）入名字，上传照片（piàn），选择海报背景，调整照片（piàn）在背景中的大小和（hé）位（wèi）置，即可生成海报，包括报头“小小星途揽月人（rén）”，成品（pǐn）效（xiào）果图，和根（gēn）据用户选择授予的称号“人见人爱的月球御用小摄影（yǐng）家”“深藏（cáng）blue的太空救援小能手”等，用户可保存（cún）海报，或（huò）点击分享参与抽奖。也（yě）可点击跳转页（yè）面，了解相关活动和预约新款星途汽车的（de）试驾。

案例（lì）名称（chēng）：你能通过公司实（shí）习期的考验吗？

品牌：南方+

这家“创（chuàng）业公司”，史上最强！以进公司实习互动为主题，设定（dìng）不同的场（chǎng）景（jǐng）和（hé）问题让用户选择（zé）“继续（xù）实（shí）习”还是“歇一歇”进行游戏

每个环节出现4次对话框考验，结果页分别（bié）为“这就放弃了，XXXX”与“恭喜你通（tōng）过第X关”两种情况，制造反差，放弃后则（zé）弹出中国共产党人的（de）初心使命（mìng），让大家了解和关心党员群体背后的坚持与奉献。    最终结果页显（xiǎn）示你拿到世界最牛创业公司（sī）offer的（de）潜力值结果，设置两个按钮，一个为查（chá）看完整故（gù）事（shì）（三个故事党（dǎng）员群（qún）像合并），一个为生成结果（guǒ）页，进（jìn）一步分享传播。

案例（lì）名称（chēng）：壳牌“0”收益投资计划

品牌：壳牌

壳牌的环（huán）保主题作品，模（mó）拟在（zài）地球上种树，消灭二氧化碳的（de）过程，让用户（hù）参与环（huán）保行动，提（tí）高环（huán）保意识。

主（zhǔ）页点击接（jiē）受挑战，在20秒倒计时内尽量多（duō）的（de）点击不断（duàn）冒出的二氧化碳标志，让其（qí）变成小树，倒（dǎo）计时结（jié）束，用户可（kě）以（yǐ）看到自己的种树（shù）数量，获得的称号和（hé）排名，点击跳转到最后页（yè）面，可以看到最终种树数（shù）量（liàng）对应的二氧（yǎng）化碳吸收量，排行（háng）榜，和（hé）1分（fèn）52秒的主题（tí）视频。

案例（lì）名称（chēng）：欧罗巴蹴鞠大赛画（huà）传

品牌：Formovie峰米X网易文（wén）创X哒哒（dā）

峰米宣传作品，将（jiāng）现（xiàn）代足（zú）球报导与（yǔ）古代（dài）蹴鞠画面（miàn）结合（hé），宣传传统（tǒng）文化和（hé）峰米产品优势，为店铺引（yǐn）流。

横屏浏览，点击打开长轴画（huà）卷，卷首是标（biāo）语和简（jiǎn）约导语（yǔ），点击蹴鞠球逐幅（fú）浏览，画（huà）面（miàn）内容有场上伤员急救，比赛引发企业股（gǔ）价波动，疫苗立大功，乌龙球，名流云集看台（tái），国家（jiā）队赶赴球场，头（tóu）球进（jìn）决赛，点球争议，最（zuì）后（hòu）用（yòng）户选择（zé）一（yī）副主图（tú）生成收藏（cáng）海报，海报（bào）右方有峰米产品优势描述，用户（hù）可重选主图和登陆店铺。