H5游戏制作
H5游戏制作
H5游戏制作
H5案例
H5开发
扫一扫
h5定制
h5定制

回到顶部

精选H5案例合集分享-31期

H5案例 2022年08月17日

不同行业、不同的活动需求,商家需要通过不同的H5玩法设计来开展宣传活动,贴合活动主题的同时,便于商家营销信息的植入。蓝橙互动精选H5案例合集分享第31期,就给大家分享一下不同玩法的H5案例。

 

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

 

品牌:Purjoy纯享


这是由纯享酸奶推出的海报生成H5游戏,为新推出五种口味酸奶进行推广,用户在五个色系中浏览由代言人杨洋拍摄的宣传照,了解新品味道,选择粉丝类型,生成夏日清新海报。

 

进入H5游戏,点击生成最终合照进入海报模板选择页面,左滑屏幕选择海报,海报是代言人杨洋手持产品的宣传照,一共有四个模板供用户选择,分别是:红色模板“纯享颜值粉”、蓝色模板“纯享事业粉”、绿色模板“纯享随心粉”和黄色模板“纯享限定粉”。每个海报母队对应一种酸奶口味,并有不同的宣传照片。找到喜欢的模板直接点击“确认选择”即可生成海报,H5将获取用户昵称和头像生成专属海报。

 

H5案例


海报生成H5


案例:登舱尊尼获加号漫游宇宙

 

品牌:JOHNNIE WALKER X 航天文创

 

这是由世界著名的苏格兰威士忌品牌尊尼获加推出的答题测试H5活动,邀请用户将威士忌酒的美妙体验,与神秘未知的宇宙冒险融合,探索出一个全新的世界,解锁自己的探险家身份。

 

本次活动禁止向未成年人分享,也禁止未成年人参与,参与活动时需要先确认已经年满18岁。确认身份后开始测试,测试主题为黑暗深邃的宇宙主题背景,答案图绘颜色充盈,答题选项将产品融入,比如红牌是各种红色物体,用统一的颜色填充冲击视觉,年轻人喜欢的因素也有提及,撸猫星球,折叠星球等,迎合爱好,扩充想象,旅程以选择酒牌开始,在开酒庆祝中结束。测试题目将产品多次提及且符合场景设定,加深用户印象,让人看完后也想来一杯。

 

H5案例


H5案例


案例:DIY全家的百变空间

 

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

 

这是由东风风行为新品东风风行游艇级七座家用车推广而出品的DIY海报生成H5游戏,邀请用户直接在车上建立家庭专属空间,打造车内的舒适环境,从而感受到新款车型大空间感的温馨随性。

 

进入H5游戏,首页是一幅其乐融融的家庭融洽画面,并引出活动主题,邀请用户用心为家人造一片空间,上滑进入DIY场景布置页面。H5为用户提供了五种DIY元素,包括:车内场景、车外场景、人物角色、道具和标签语。选择对于DIY元素种类,即可单击在图画中生成,人物角色、道具以及标签语都可随意缩放调整打下和拖拉调整位置。每类DIY元素中都有新车的形象融入,加深用户对品牌的印象,布局满意后即可点击生成效果图海报。

 

H5案例


DIY生成H5


案例:童画越山海

 

品牌:Jeep

 

Jeep为自身举办的涂鸦“童画”大赛活动而出品投票H5案例,邀请孩子们发挥想象力,上传作品或者线上涂鸦,五个赛区得票前十名可获得乐高玩具,以及激发孩子们的参与热情,提高产品影响力和知名度。

 

进入H5页面,界面被分成三个色块,各有一个jeep车,三个色块分别对应H5的三个模块:精彩活动(精彩活动环节为本次投票大赛线下作品展览的活动图展示)、我要参加(可上传作品参与本次绘画大赛,参与比赛有两种方式,选择上传作品,即可上传手绘的图画进行报名参赛。选择在线参与,即可通过H5在线绘制一幅图画)、童画世界(可浏览五个赛区的参展作品,并对喜欢的作品进行投票),点击页面左上角可查看本次活动的规则介绍。

 

H5案例


投票H5


案例:心高 不分主场

 

品牌:Jordan

 

运动品牌Jordan推出的品牌介绍H5案例,将各类信息具化为不同场馆,用户在富有创意的建筑中游览和参观,了解乔丹品牌的大致面貌,H5中多处触点都可点击下载登录官方APP,为APP引流。

 

进入H5游戏,查看活动主题后来到 3D场馆页面,滑动屏幕左右环绕,可以看到各个分场的入口,点击标题后即可跟随镜头模拟走路路线进入对应场馆(风向站、家族志、勋章馆和咨询场)。每个标题下都有NickAPP的引流入口,邀请用户下载登录APP获取更多资讯和奖励。

 

H5案例


3D全景H5


案例:测测你的心动年代

 

品牌:CADIDL

 

这是由女装品牌CADIDL(卡迪黛尔)推出的恋爱观测试H5案例,邀请用户在优雅的音乐氛围中回顾心动的爱情旅程,参与活动还可以进行抽奖。

 

测试主题围绕约会展开,每一页都有一个手绘的女生,都市丽人的画风,衣着讲究,造型精致,服装风格和整体画风跟品牌调性一致。开头和结尾都有模特图,展示当季衣服。答题过程中界面右侧始终有一个购物车小图标,可随时点击登录官方app。完成答题后将生成测试结果海报,包括服装宣传照主图,用户的恋爱观所属年代和解析,用户可保存海报和参与抽奖。

 

H5案例


答题测试H5


以上就是本期为大家带来H5案例分享,感兴趣的朋友可以持续关注我们蓝橙互动官网的新闻动态,或是关注蓝橙互动官方微信公众号,我们会不定时向大家分享最新的优秀案例。

 

 

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



联系QQ:2899301896

蓝橙互动·致力于为企业提供更高效的开发服务