不（bú）同的行业、不同的活动需求（qiú），商家（jiā）需要通过不同的H5玩法设计来开展宣传（chuán）活动，贴合活动主（zhǔ）题的（de）同时，便于商家营（yíng）销信息的植入。乐竞官网和蓝橙互动（dòng）精选H5案（àn）例合集分享第31期，就给大家分享一下不同玩法的H5案例（lì）。

案例：测测你的纯享粉丝属性

品牌：Purjoy纯享（xiǎng）

这是由纯享（xiǎng）酸奶推出的（de）海报生（shēng）成（chéng）H5游（yóu）戏，为（wéi）新推（tuī）出五种口味酸奶进行推广（guǎng），用户在五个色（sè）系中浏（liú）览由代言人杨洋拍摄的宣传照，了（le）解新品味（wèi）道，选择粉丝（sī）类型，生成夏日清新海报。

进入H5游戏，点（diǎn）击生成最终合照进（jìn）入（rù）海报模板选择页面，左滑屏（píng）幕（mù）选择海（hǎi）报，海报是代言人（rén）杨洋手持产品的宣传（chuán）照，一共有四个（gè）模板供（gòng）用户选（xuǎn）择，分别是：红色（sè）模板“纯享颜值（zhí）粉”、蓝色模（mó）板“纯（chún）享（xiǎng）事业粉”、绿色模（mó）板（bǎn）“纯享随（suí）心粉”和黄色模板“纯享（xiǎng）限定（dìng）粉”。每（měi）个海报母队对应一种酸奶口味，并有（yǒu）不同的宣传照片。找到喜欢的模板直接（jiē）点击“确认选择（zé）”即可生成海（hǎi）报（bào），H5将获（huò）取用户（hù）昵称和头像（xiàng）生成专（zhuān）属海（hǎi）报。

案例：登舱（cāng）尊尼获加（jiā）号漫（màn）游（yóu）宇宙

品（pǐn）牌：JOHNNIE WALKER X 航天文（wén）创（chuàng）

这是由世界著名的苏（sū）格（gé）兰（lán）威（wēi）士忌品牌（pái）尊尼获（huò）加推出的答题测试（shì）H5活动，邀请用户将威士忌酒的（de）美妙（miào）体验，与神秘未知（zhī）的宇宙冒险融合，探索出一（yī）个全新的世界，解锁（suǒ）自己的（de）探险家身（shēn）份。

本次（cì）活（huó）动禁止向（xiàng）未成年人分享，也禁止未成年（nián）人参与（yǔ），参与活动时需要先（xiān）确（què）认已（yǐ）经年满（mǎn）18岁（suì）。确（què）认身（shēn）份后开始测试，测试主题为黑暗深邃的宇宙主题背景，答（dá）案图绘颜（yán）色（sè）充盈，答题选项（xiàng）将产品融入，比如红牌是各种红色物体，用（yòng）统一的颜色填（tián）充冲击视觉，年轻（qīng）人喜（xǐ）欢的因素也有（yǒu）提（tí）及，撸猫星球，折叠星（xīng）球等，迎合爱好，扩（kuò）充想象，旅程以选择酒牌开始，在开酒（jiǔ）庆祝中结束。测试题目将产品（pǐn）多次提及且符合（hé）场景设定，加深用户印（yìn）象，让人看完后也想来一（yī）杯。

案例：DIY全家的百变空（kōng）间

品牌（pái）：东风风（fēng）行X网易文创

这（zhè）是由（yóu）东风风行为新品东风风行游（yóu）艇级七座家用车推（tuī）广而（ér）出（chū）品的DIY海报生成（chéng）H5游戏（xì），邀请用户直接在车（chē）上（shàng）建立家庭（tíng）专属（shǔ）空间，打造车内（nèi）的舒适（shì）环境（jìng），从而感受（shòu）到（dào）新款（kuǎn）车型（xíng）大空间感的（de）温馨随性。

进入H5游（yóu）戏，首页是一幅其（qí）乐（lè）融（róng）融的家庭（tíng）融洽（qià）画面，并引出活动主题，邀请（qǐng）用（yòng）户用心为家人造（zào）一（yī）片空间，上滑进入DIY场景布置页（yè）面。H5为用户提（tí）供了五种DIY元（yuán）素，包括：车内场景、车（chē）外场景（jǐng）、人物角色、道（dào）具（jù）和标签（qiān）语。选择对于DIY元素种类，即可单击在（zài）图画中（zhōng）生成，人物角色、道具以及标签语都可随意缩放调整打下和拖拉调整位（wèi）置。每类DIY元（yuán）素中都有新车的形象融入，加深（shēn）用户对（duì）品牌的印象，布（bù）局满意（yì）后即可（kě）点击生成（chéng）效果图海报。

案例：童画越（yuè）山海

品牌：Jeep

Jeep为自身举办的（de）涂（tú）鸦“童画”大赛活动而出（chū）品投票H5案例，邀请孩子们发挥想象力，上（shàng）传作品（pǐn）或者线上涂鸦，五（wǔ）个赛（sài）区得票前十（shí）名可获（huò）得乐（lè）高玩具，以及（jí）激发孩子们（men）的（de）参与热情，提（tí）高（gāo）产品影响力和知名（míng）度。

进入H5页面（miàn），界面被分成三个色块，各有一个（gè）jeep车，三个色块分别对应H5的（de）三个模块（kuài）：精彩（cǎi）活（huó）动（dòng）（精彩（cǎi）活（huó）动环节为本次投票大赛（sài）线下作品展览的活动图展（zhǎn）示）、我要参加（可上传作（zuò）品参与（yǔ）本次绘画大赛，参（cān）与比赛（sài）有两种方式，选择上传（chuán）作品，即可上传（chuán）手绘的图（tú）画进行报名（míng）参赛（sài）。选（xuǎn）择在线参与，即可通过H5在线（xiàn）绘制（zhì）一幅图画）、童画（huà）世界（可（kě）浏览五个赛区的参展（zhǎn）作（zuò）品，并对喜欢的作品进行投票），点击页面左上角可（kě）查看本次活（huó）动的规则介绍。

案（àn）例：心高 不分主场（chǎng）

品牌：Jordan

运（yùn）动品牌Jordan推出的品牌介绍H5案例，将（jiāng）各（gè）类信息具（jù）化为不同场馆，用户在富有创（chuàng）意的建筑中（zhōng）游览和（hé）参观，了解乔丹品牌的大致面（miàn）貌，H5中多处触点（diǎn）都可（kě）点击下载登录官方APP，为APP引流。

进入H5游（yóu）戏，查看活动主（zhǔ）题（tí）后来到 3D场馆页面，滑动屏（píng）幕（mù）左（zuǒ）右环绕，可以看到各个（gè）分场的入口，点击（jī）标（biāo）题后即（jí）可（kě）跟随镜头（tóu）模拟走（zǒu）路路线进入对应场馆（风向站、家族（zú）志、勋章（zhāng）馆和咨询场）。每个（gè）标（biāo）题下（xià）都有NickAPP的（de）引流入（rù）口（kǒu），邀请用户下载（zǎi）登（dēng）录APP获取更多（duō）资（zī）讯（xùn）和奖励。

案（àn）例（lì）：测（cè）测你的（de）心动年（nián）代（dài）

品牌：CADIDL

这是由女装品牌CADIDL(卡迪黛尔)推出的（de）恋爱观测（cè）试H5案例，邀请用户在优雅的音乐氛围中回（huí）顾心（xīn）动的爱情旅程（chéng），参与活动还可以进行抽奖。

测（cè）试主题围绕约会展开（kāi），每一（yī）页（yè）都有一个手绘的女生（shēng），都市丽人的画风，衣着讲究，造（zào）型精致，服装（zhuāng）风格和整体画风跟品牌调（diào）性一致。开头和（hé）结尾都有模特图（tú），展示当季衣服。答题过程中界面（miàn）右侧（cè）始终有一个购物（wù）车小图标，可随时点击登录官方（fāng）app。完成（chéng）答（dá）题后（hòu）将生成测试结果海报，包括服装（zhuāng）宣传（chuán）照主图，用户的恋爱观所属年代和解析，用户可保存海（hǎi）报和参与抽奖。

以（yǐ）上就是本期为大家带（dài）来H5案例分享，感兴趣的朋友（yǒu）可以（yǐ）持续关注（zhù）我们乐竞官网和蓝橙互动官网的新闻（wén）动（dòng）态，或是关注乐竞官网和蓝橙互动官方（fāng）微信公（gōng）众号，我们会（huì）不定时向大家分享最新的优秀案例。

相（xiàng）关阅读：《精选H5案例合（hé）集分享-30期》