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

案例：测测（cè）你的纯享粉丝属性

品牌：Purjoy纯享

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

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

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

品牌：JOHNNIE WALKER X 航天文创

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

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

案例：DIY全家的百变空间（jiān）

品牌：东风风行X网易文创

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

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

案例：童画越山海

品牌：Jeep

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

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

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

品牌：Jordan

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

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

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

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

这是由女装品牌CADIDL(卡（kǎ）迪黛尔)推出的恋爱观测试H5案例（lì），邀请用（yòng）户在优雅的音乐（lè）氛围（wéi）中回（huí）顾心动的爱（ài）情旅（lǚ）程，参与活动还（hái）可以进行抽奖（jiǎng）。

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

以上就是（shì）本（běn）期为大（dà）家带来H5案例分享，感兴趣的朋（péng）友可以持续（xù）关注我们开云手机站登录入口和蓝橙互动官（guān）网（wǎng）的新（xīn）闻（wén）动（dòng）态，或是关注开云手机站登录入口和蓝橙互动官方微信公众号，我们（men）会不定时向大家分享最新（xīn）的优秀（xiù）案例。

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