不同的行（háng）业、不同的活动需求，商家需要通过不同的H5玩法设计来开展宣（xuān）传（chuán）活动，贴合活动主题的同时，便于（yú）商（shāng）家营销信息的植入。完美和蓝橙（chéng）互（hù）动精（jīng）选H5案（àn）例合集分享第31期，就给大家（jiā）分享一下不（bú）同玩法（fǎ）的H5案例。

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

品牌（pái）：Purjoy纯（chún）享

这是由纯享酸奶推出的海报生成H5游戏，为新推出五种口味酸奶进行推广，用户在五（wǔ）个色系中浏览（lǎn）由（yóu）代言人（rén）杨洋拍摄的（de）宣传照，了解新品味道，选择粉（fěn）丝类型，生（shēng）成夏日（rì）清新海报。

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

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

品牌：JOHNNIE WALKER X 航天文创

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

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

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

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

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

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

案例：童画越山（shān）海

品牌：Jeep

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

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

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

品牌：Jordan

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

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

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

品牌：CADIDL

这（zhè）是由女装（zhuāng）品（pǐn）牌CADIDL(卡迪黛尔)推出的恋（liàn）爱观测（cè）试（shì）H5案例，邀请用户在（zài）优雅的音（yīn）乐（lè）氛围中回顾（gù）心动的爱情旅程，参与活（huó）动还可以进行抽奖。

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

以上就是本期为（wéi）大家带来H5案（àn）例分享，感兴趣的（de）朋友可以持续关注我们完美和蓝橙互动官网的新闻（wén）动态，或是（shì）关（guān）注完美和蓝橙互动（dòng）官方微信公众号（hào），我们会（huì）不定时向大（dà）家分享最新（xīn）的优秀案例。

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