不同（tóng）的（de）行业、不同的活动需求（qiú），商家需要（yào）通过（guò）不（bú）同的H5玩法设计（jì）来开（kāi）展宣传活动，贴合活动（dòng）主题的（de）同时，便于商家（jiā）营销信息的植入。乐鱼和蓝橙互动（dòng）精选H5案例（lì）合集分（fèn）享（xiǎng）第（dì）31期，就给大家分享（xiǎng）一下不同玩法（fǎ）的（de）H5案例。

案例：测（cè）测（cè）你的纯享（xiǎng）粉（fěn）丝属（shǔ）性

品牌：Purjoy纯享（xiǎng）

这是由纯（chún）享（xiǎng）酸奶推出的海（hǎi）报生成（chéng）H5游戏，为新推出五种口味酸奶进行推（tuī）广，用（yòng）户在五个色系中浏览由代（dài）言人杨洋拍摄的宣（xuān）传照，了解新品（pǐn）味道，选择（zé）粉丝类型，生成夏日清新海报（bào）。

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

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

品牌：JOHNNIE WALKER X 航天文创

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

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

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

品牌：东（dōng）风风行（háng）X网易文创

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

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

案例：童画越山海

品牌（pái）：Jeep

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

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

案例（lì）：心高（gāo） 不分主场

品牌：Jordan

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

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

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

品（pǐn）牌（pái）：CADIDL

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

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

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

相关阅读（dú）：《精（jīng）选（xuǎn）H5案例（lì）合集分（fèn）享-30期（qī）》