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

案例名称：建党100周年互动（dòng）微（wēi）电影《抉择（zé）》

品牌：人民日报新媒（méi）体×Bilibili

人民日报新媒体联合Bilibili在建党（dǎng）100周年之（zhī）际推出的（de）作品（pǐn），用户（hù）化（huà）身为（wéi）剧中人物（wù），在电影中选（xuǎn）择情节走向（xiàng），感（gǎn）受建党，建国，科（kē）研（yán）和祖国（guó）建设的艰（jiān）辛之（zhī）路和胜利之路，为党献出真挚的祝福。

打开作品后，从“红色（sè）起点”“归国巨轮（lún）”“圆梦茶乡”中选择一个，开启体验，在（zài）出（chū）现选择时点（diǎn）击自己（jǐ）想要的剧情走（zǒu）向即可，电影播放完毕后，用户可以看到自己的故（gù）事梗概，和剧情解（jiě）锁图（tú），三个电影（yǐng）对应了建党前（qián），建国时，和（hé）建（jiàn）国后的时间段。

案例名称：欢迎来到（dào）特区金色大（dà）道（dào）

品牌：深圳银保监局

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

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

案例（lì）名称：清华大学美术学（xué）院线上毕业展

品牌：清华大学美（měi）术学院

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

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

案例名称：CHOCAPIC® Nutri-Game

品牌：雀巢 Nestlé

这是雀巢的chocapic产品（pǐn）宣传H5，目的是通过小（xiǎo）游（yóu）戏的形式黏连年轻用户。

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

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

案例名称：小小星（xīng）途揽月人

品牌：网易新闻 X EXEED星途

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

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

案例名（míng）称：你能通过公司实习期的考验吗（ma）？

品（pǐn）牌：南方+

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

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

案例名（míng）称：壳牌“0”收益投资（zī）计（jì）划

品牌：壳（ké）牌

壳牌的环保主题（tí）作品，模（mó）拟在地球上种（zhǒng）树，消灭二氧化碳的过程，让用（yòng）户参与环保行动，提高环保（bǎo）意识（shí）。

主页点击接受挑战（zhàn），在20秒倒计时内（nèi）尽量多的（de）点击（jī）不断冒出（chū）的二（èr）氧（yǎng）化碳（tàn）标志，让其变成小树，倒计时结束，用户可以看到自己的种树数量，获得的称号和排名，点击跳转到最后页面，可以（yǐ）看到（dào）最终种树数量对应的二氧化（huà）碳吸收量，排（pái）行榜，和1分52秒的主题视频。

案例名（míng）称：欧（ōu）罗巴蹴鞠（jū）大赛画（huà）传

品牌：Formovie峰（fēng）米（mǐ）X网易文创X哒哒（dā）

峰米宣传作品，将（jiāng）现代足球报导（dǎo）与古代蹴（cù）鞠画面结合，宣传（chuán）传统文化和峰米（mǐ）产品优势，为店铺引流。

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