不同的行业、不同的活动需（xū）求，商（shāng）家需要通（tōng）过（guò）不同的H5玩法设（shè）计来开展宣（xuān）传（chuán）活（huó）动，贴合活动主题的同时，便于（yú）商家营销信息的（de）植入。蓝（lán）橙互（hù）动精选H5案例（lì）合（hé）集分享第31期，就给大（dà）家（jiā）分享一下不同玩法的（de）H5案例。

案例：测测（cè）你的纯享粉丝（sī）属性（xìng）

品牌：Purjoy纯享

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

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

案例：登舱尊尼获加号（hào）漫游（yóu）宇宙

品牌（pái）：JOHNNIE WALKER X 航天文（wén）创

这是由世界著（zhe）名的苏格兰（lán）威（wēi）士忌品牌尊尼获加推出的答题测（cè）试（shì）H5活（huó）动，邀请用户将威士（shì）忌酒的美妙体验，与（yǔ）神秘未（wèi）知的宇宙冒险（xiǎn）融合（hé），探索出（chū）一个全新（xīn）的世界，解锁自己（jǐ）的（de）探险家身（shēn）份。

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

案例：DIY全（quán）家的百变空间

品牌：东风风行X网易（yì）文创（chuàng）

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

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

案例：童画越山海

品牌：Jeep

Jeep为自身举办的（de）涂鸦（yā）“童画”大赛活动而出品投票H5案例，邀（yāo）请孩（hái）子们发挥想象力，上传作品或者线上涂（tú）鸦，五个赛区得票前十名可（kě）获得乐高（gāo）玩具，以及激发（fā）孩子们的参与热情，提高产品影响力和知名度。

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

案例（lì）：心（xīn）高 不分主（zhǔ）场

品牌：Jordan

运动品牌Jordan推出的（de）品（pǐn）牌介绍H5案例，将各类信息具化为（wéi）不同场馆（guǎn），用户在富（fù）有创意的（de）建筑（zhù）中游（yóu）览和参观，了解乔（qiáo）丹品（pǐn）牌的大（dà）致面貌，H5中多处触点都可点击下载（zǎi）登录官方APP，为APP引（yǐn）流。

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

案例：测测你（nǐ）的心动年代

品牌：CADIDL

这是由女装品（pǐn）牌CADIDL(卡迪黛（dài）尔)推出的恋爱观测试（shì）H5案（àn）例，邀请用户在优雅的（de）音乐氛围中回顾心动的爱情旅程，参与活（huó）动（dòng）还可以进（jìn）行抽奖。

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

以上就是本期（qī）为大家带（dài）来H5案（àn）例分享，感（gǎn）兴趣（qù）的朋友可以（yǐ）持续关注我们八戒体育和蓝橙互动官网（wǎng）的新闻动态，或是关注八戒体育和蓝橙互动官方（fāng）微（wēi）信公（gōng）众号（hào），我们会不定时（shí）向（xiàng）大家分享最新的（de）优秀案（àn）例。

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