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

案例名称：建党100周年互动微电影（yǐng）《抉择》

品牌：人民日报新媒体×Bilibili

人民日报新媒体联合Bilibili在（zài）建（jiàn）党（dǎng）100周年之际推出的作品，用户化身为剧中人物，在电影中选择（zé）情节走向，感受建党，建国，科研和祖（zǔ）国建设的艰辛之路和胜（shèng）利之路，为党献出真挚的（de）祝福。

打（dǎ）开（kāi）作品后（hòu），从“红色起（qǐ）点（diǎn）”“归（guī）国巨轮”“圆梦茶乡”中选择一（yī）个，开启（qǐ）体验，在出现选择时点（diǎn）击自己想（xiǎng）要的剧情走向即可，电影播放完毕（bì）后，用户可以看到（dào）自己的故事梗（gěng）概，和（hé）剧情解锁图，三个电影对应了建党前，建国时，和建国后的时间段。

案例名称：欢迎来（lái）到特区金（jīn）色大道（dào）

品牌：深圳银保监局

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

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

案例名称：清华大学美术学院线上毕业展

品牌：清华大（dà）学美术学院

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

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

案例名（míng）称：CHOCAPIC® Nutri-Game

品牌（pái）：雀巢 Nestlé

这是雀巢的（de）chocapic产（chǎn）品宣传H5，目（mù）的是通过小游（yóu）戏的形式黏（nián）连年（nián）轻（qīng）用户。

H5采用小游戏的（de）形（xíng）式（shì），首屏（píng）是chocapic的产品介绍和游（yóu）戏说明，点（diǎn）击“OK”按钮，进（jìn）入游戏机界面； 

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

案例（lì）名（míng）称：小小星途揽月人

品牌（pái）：网（wǎng）易新（xīn）闻（wén） X EXEED星途

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

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

案例（lì）名称：你能通过公司实习期的（de）考验吗？

品牌（pái）：南方（fāng）+

这家“创业公司”，史上最强！以进公司实（shí）习互（hù）动（dòng）为（wéi）主题（tí），设（shè）定不同的场景和问题让用户选择“继续实（shí）习”还是“歇一歇”进行游戏

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

案例名称（chēng）：壳牌（pái）“0”收益投资计划（huá）

品牌：壳牌

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

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

案例名称：欧（ōu）罗巴（bā）蹴鞠大赛画（huà）传（chuán）

品牌（pái）：Formovie峰米X网易（yì）文创（chuàng）X哒哒

峰米宣传作品，将（jiāng）现代足球报导与古代蹴（cù）鞠画面结合，宣传传统文化和（hé）峰米产品优势，为店（diàn）铺引流（liú）。

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