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

案（àn）例：测测你的（de）纯享粉（fěn）丝属性

品牌：Purjoy纯（chún）享

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

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

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

品（pǐn）牌：JOHNNIE WALKER X 航天（tiān）文创

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

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

案例：DIY全（quán）家的百（bǎi）变空（kōng）间

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

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

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

案例：童画（huà）越山海（hǎi）

品牌：Jeep

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

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

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

品牌：Jordan

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

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

案例：测测你的心动（dòng）年代

品牌：CADIDL

这是由女装品牌CADIDL(卡迪黛尔（ěr）)推出的恋（liàn）爱观（guān）测（cè）试H5案（àn）例，邀（yāo）请用户在优雅的音乐氛（fēn）围中（zhōng）回顾心动的爱情旅程（chéng），参（cān）与活动还（hái）可以进行抽奖。

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

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

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