杭州H5开发
发布于 2022年04月21日来源:H5案例


商家在开展微信H5营销活动时,需要先选定采用什么样的H5游戏玩法,比如答题测试、互动视频、海报生成等等,以此来提升目标用户的活动参与积极性。本期蓝橙互动小编就来继续给大家分享一下各种玩法类型的H5活动案例,以作参考。

 

案例名称:不正经人类鉴定中心

 

案例品牌:UC浏览器

 

UC浏览器以“不正经人类鉴定中心”为主题,通过搞笑的测试问题,生成“不正经鉴定报告”,最后引导用户去UC正经部看爆笑段子。

 

荒诞搞笑风格,每题一个梗,让大家选出自己认为最“不正经”的选项,没有对错,点击哪个选项都有反馈弹层。根据用户答题情况生成不正经指数百分比,配图、配文案,用户可以修改用户昵称。

 

H5案例

答题测试H5

 

 

案例名称:京东汽车正品机油溯源接力赛来了

 

案例品牌:美孚+京东智臻链

 

京东汽车联合美孚以正品机油溯源接力赛为创意主题,通过让用户选择正品机油,模拟提炼、制取过程、赛车H5小游戏,让用户了解正品机油的重要性。分两种模式,单人和双人互动参与。

 

机油萃取游戏。用户需要连续点击屏幕获得萃取力,才能通过。进入到下一步的制作试验环节。

 

制作实验。把三个试管里的试剂根据颜色匹配“倒入”相应量杯,然后,进入下一关赛车环节。

 

赛车游戏。赛车躲避障碍赛,碰到障碍后,游戏结束,弹出成绩单结果页。底部有“分享”和“领奖”两个按钮,点击分享按钮,弹出引导分享蒙层;点击领奖,跳转领奖页面。

 

H5案例 

 

赛车H5游戏 

 

案例名称:2022春夏流行趋势报告

 

案例品牌:淘宝天猫服饰产业中心

 

淘宝新势力周期间淘宝天猫服饰产业中心联合WGSN和趋势中心一起推出的“2022春夏流行趋势报告”,把时尚杂志电子化,方便更多人足不出户,就可以通过线上浏览和阅读,形成传播。

 

从目录页左滑或者点击任一标题,就会进入杂志内容页,左右滑动,可以前翻和后翻。时尚杂志大片设计,适配了竖屏手机屏幕,欧阳娜娜各种写真造型,文字/图文混排,错落有致。各种时尚模特造型,穿搭,展现穿搭流行趋势。

 

H5案例

H5杂志

 

案例名称:你看过孤独的样子吗

 

案例品牌:腾讯音乐公益 X THE腾讯音乐艺术计划 X腾讯公益

 

4月2日世界孤独日,腾讯号召大家一起,绘制以音乐作品为灵感的画作,同时与文娱界联合一起,为孤独症患者发声,用自己的社会影响力,让更多人了解和关爱孤独症患者,凝聚社会温暖,扩大公益活动的影响力。

 

开头是厚涂的油画质感,蓝色的夜晚街道,头带星星的小朋友,蓝色的内敛与黄色的外放互相反衬,寓意黑暗中的光芒把孤独症患者的路点亮,让用户感受到公益的实际作用,画风很有童趣,看起来也很温暖,音乐和绘画也是很容易激发感情的途径,适合用来关爱孤独症患者。各路人士绘制的作品,想象力开阔,颜色缤纷,主题丰富,视觉上很享受。

 

H5案例

公益宣传H5

 

 

案例名称:「妆」出你的数字头像

 

案例品牌:网易云音乐

 

网易云音乐联合植村秀、网易星球×数字藏品一起推出的创意数字头像的H5作品,通过选择头像、定制头像,生成自己专属定制数字头像。

 

用户可以通过七个页卡装扮你的形象——底妆、口红、耳环、帽子、眼镜、项链、背景,每个页卡有10个左右可供选择的样式,用户点击后,该妆饰效果即展现在上部人物形象上,所点即所得。

 

黑白主调,配合卡通形象,整体视觉风很强烈,契合元宇宙和数字头像主题。交互方式主要有滑动、点击、输入和长按保存等,每种交互都有清晰引导,简洁明确。

H5案例

海报生成H5

 

 

案例名称:Nike PLAYLab.

 

案例品牌:Nike

 

Nike推出的Nike PlayLib宣传创意H5作品,通过三个明星视频,引导更多人关注和参与视频上传,使品牌和产品形成自传播。

 

进入H5后首先是一个很有创意Loading效果,从上到下移动且滚动的一个色条,带有品牌标识和活动标识,伴随着背景颜色纯色切换。鲜亮艳丽的篮球、足球等元素,从四面聚向中心形成主题背景,然后,出现艺术活动主题:Nike PlayLib。弹出使用本地cookie的授权弹框,只有用户点击“接受”,才能显示完整页面。点击按钮“GO”,进入到视频列表页。到处洋溢着青春、运动的气息,看了就感觉充满活力,有热情的用户可以上传视频试试,参与活动。

 

H5案例

H5互动游戏

 

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