不同的行业、不同的活（huó）动（dòng）需求，商家需要通过不同的H5玩（wán）法设计来开展（zhǎn）宣传活动，贴（tiē）合（hé）活动主（zhǔ）题的同（tóng）时，便于商家营销信息的植入。万象城在线登录和蓝橙（chéng）互动精选（xuǎn）H5案例合集（jí）分享第31期，就给大家分享一下不同玩法的H5案例。

案例：测测你的纯享粉丝属性

品牌：Purjoy纯享（xiǎng）

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

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

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

品牌：JOHNNIE WALKER X 航天文创

这是由世界著（zhe）名的苏格兰威士忌品牌尊尼（ní）获加推出的（de）答题测试（shì）H5活动，邀请用户（hù）将威士忌酒的美妙体（tǐ）验，与神秘未知的宇宙冒险融（róng）合，探索出（chū）一个（gè）全新的世界，解锁（suǒ）自己的探险家身份。

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

案（àn）例（lì）：DIY全家的百（bǎi）变空间

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

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

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

案例：童画越山海

品牌：Jeep

Jeep为自（zì）身（shēn）举办（bàn）的涂鸦（yā）“童画”大（dà）赛（sài）活（huó）动而（ér）出品投票（piào）H5案例，邀请孩子们发挥想象力，上传作品或者线上涂鸦，五个赛（sài）区得票前十名可（kě）获得乐高玩具，以及激发（fā）孩（hái）子们的参（cān）与热情，提高产（chǎn）品影响力和知名度。

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

案例：心高 不分主场

品牌：Jordan

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

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

案例：测（cè）测你的心动年代（dài）

品牌：CADIDL

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

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

以上就是本期（qī）为大家带来H5案例分享，感（gǎn）兴趣的朋友可以持续关注我们蓝（lán）橙互动官（guān）网的新闻动态，或是关注万象城在线登录和蓝橙互动官（guān）方微信（xìn）公众号，我们（men）会不（bú）定时（shí）向大家分享最新的优（yōu）秀案例。

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