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

案例：测测你的纯（chún）享粉丝属性（xìng）

品牌：Purjoy纯享

这是由纯享酸（suān）奶推出的海报（bào）生成H5游戏，为新（xīn）推出五种口（kǒu）味酸奶进行推广（guǎng），用户（hù）在五（wǔ）个色系中浏览由代（dài）言人杨洋拍摄的宣传照，了解新品味道，选择粉丝类（lèi）型，生（shēng）成（chéng）夏日（rì）清（qīng）新海报。

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

案（àn）例：登舱尊（zūn）尼获加（jiā）号漫（màn）游宇（yǔ）宙

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

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

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

案例：DIY全家的（de）百变空间

品牌：东风（fēng）风行（háng）X网易文（wén）创

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

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

案例：童画越山海

品牌：Jeep

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

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

案例：心高 不（bú）分主（zhǔ）场（chǎng）

品（pǐn）牌：Jordan

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

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

案例：测测你的心动年代

品牌：CADIDL

这（zhè）是由女装品牌CADIDL(卡迪黛尔)推出的恋爱观（guān）测试H5案（àn）例，邀请用户在优（yōu）雅的音乐氛围中回顾心动的（de）爱情旅（lǚ）程，参与活动还可以进行抽奖。

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

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

相关阅读：《精选H5案例合集分享-30期》