qy千亿-qy千亿(中国)一站式服务官方网站



H5游戏制作
H5游戏(xì)制作
H5游戏制(zhì)作(zuò)
H5案例
H5开发
扫一扫(sǎo)
h5定制
h5定制

回(huí)到顶部

精(jīng)选H5案例合集(jí)分享-20期

H5案例 2022年(nián)04月08日(rì)

商(shāng)家(jiā)在(zài)开展(zhǎn)微信H5营销(xiāo)活动时,需要先选定采(cǎi)用什么(me)样(yàng)的H5游戏玩法,比(bǐ)如答题(tí)测试、互(hù)动(dòng)视频、海报生成等等,以此来提升目标用户的活动参与积极性。qy千亿和蓝橙互动精选(xuǎn)H5案例合(hé)集分(fèn)享第(dì)20期,就给(gěi)大家分享一(yī)下各种玩(wán)法(fǎ)类(lèi)型(xíng)的H5活动案例,以(yǐ)作参考(kǎo)。

 

案例名称:不正经(jīng)人类鉴定中心

 

案例品牌:UC浏览器

 

UC浏览(lǎn)器以“不正经人类鉴定中心”为主题,通过搞笑的测(cè)试问题,生成“不正经鉴定报告(gào)”,最(zuì)后引导用户去UC正经部看爆笑(xiào)段子(zǐ)。

 

荒诞搞笑风格,每题一(yī)个梗,让大家选出自己认为最“不正(zhèng)经”的选项,没有对错,点击哪个选项都有反馈弹层。根据用户答题情况(kuàng)生成(chéng)不(bú)正经指数百(bǎi)分比,配图(tú)、配文案,用户可以修改用户(hù)昵称(chēng)。

 

H5案(àn)例 


答题测试(shì)H5 

 

案例名称:京东汽车(chē)正品机油溯源接力赛(sài)来了

 

案(àn)例品牌:美孚+京(jīng)东智臻链

 

京东汽车联合(hé)美孚以正品机油溯源接力(lì)赛(sài)为创意主题,通过让用户选择正品机油,模拟提(tí)炼、制取(qǔ)过程、赛车(chē)等H5小游戏,让用户了(le)解正(zhèng)品机油的重要性。分两种模(mó)式,单人和(hé)双人(rén)互动参与(yǔ)。

 

机油(yóu)萃取游(yóu)戏。用户需要连续点(diǎn)击(jī)屏幕获(huò)得(dé)萃取力(lì),才能通过。进入到下一(yī)步的制作试验环节。

 

制作实验。把三个试(shì)管里(lǐ)的试剂根据颜(yán)色匹配“倒入”相应量杯,然后,进入下一关赛(sài)车环节。

 

赛车游戏。赛车躲避障碍赛(sài),碰到障碍后,游戏结束,弹出成绩单(dān)结果页(yè)。底(dǐ)部有“分享”和“领奖”两个按(àn)钮,点击分(fèn)享按钮,弹出引导分享蒙层;点击领奖,跳转(zhuǎn)领奖(jiǎng)页面。

 

H5案例 

 

赛(sài)车H5游戏 

 

案例名称(chēng)2022春夏(xià)流行趋(qū)势报告

 

案(àn)例品牌:淘宝天猫服饰产业中心(xīn)

 

淘宝新势力周(zhōu)期间淘宝天猫(māo)服饰产业中心联合WGSN和(hé)趋势中心一起推出(chū)的(de)“2022春夏流行趋势报(bào)告”,把时尚(shàng)杂志电子化(huà),方便更(gèng)多人足不出户(hù),就可(kě)以通过线上浏览和阅读(dú),形成(chéng)传(chuán)播。

 

从(cóng)目录页左滑(huá)或者点击任一标题(tí),就会进入(rù)杂志内容页,左右滑动,可以(yǐ)前翻和后翻。时尚(shàng)杂志大(dà)片设计,适配了竖屏(píng)手机(jī)屏幕(mù),欧阳娜娜各种写真(zhēn)造型,文字/图文(wén)混排,错(cuò)落有致。各(gè)种时尚模特(tè)造型,穿搭(dā),展现穿搭流行趋势。

 

H5案例 

 

 H5杂志

 

案(àn)例(lì)名称:你看过孤独(dú)的(de)样子吗

 

案例品牌:腾讯音乐公益 X THE腾(téng)讯音乐艺术(shù)计划(huá) X腾讯公益(yì)

 

 

4月2日世界孤独日,腾讯号召(zhào)大(dà)家一(yī)起,绘制以音乐作品为(wéi)灵(líng)感的画作,同时与文(wén)娱界联合一起(qǐ),为孤独症患者发声,用自己的社会影响力,让更多人了解和关爱孤独症患者,凝聚社会(huì)温暖,扩大公益(yì)活动(dòng)的影响力。

 

开头是厚涂的油画质感,蓝色的夜晚街(jiē)道(dào),头带星星的小朋(péng)友,蓝色的(de)内敛(liǎn)与黄色的外放互相反衬,寓意黑暗(àn)中的光芒把孤独症患者的路(lù)点亮,让(ràng)用户感(gǎn)受到公益(yì)的实际作(zuò)用,画风很(hěn)有童趣,看(kàn)起来也很温暖,音(yīn)乐和绘(huì)画也是很容易激发感情的(de)途径,适合用来(lái)关爱孤独症患者(zhě)。各路人士绘制的作品,想象力(lì)开阔,颜色缤纷(fēn),主题丰富(fù),视(shì)觉上很(hěn)享受。

 

H5案例 

 

公益宣传(chuán)H5 

 

案例(lì)名(míng)称(chēng):「妆」出你(nǐ)的数字头像

 

案例品牌:网易云音乐

 

网易云音乐联(lián)合植村秀、网易星球×数字藏(cáng)品一起推出的创(chuàng)意数字头像的H5作品,通过(guò)选择头像、定制(zhì)头像,生成自(zì)己(jǐ)专(zhuān)属定(dìng)制数字头像。

 

用户(hù)可以通过七个页卡装扮你的形象——底妆、口(kǒu)红、耳环、帽子(zǐ)、眼镜、项链、背景,每个页卡(kǎ)有10个左右可(kě)供选择的样(yàng)式,用户(hù)点击(jī)后,该妆饰(shì)效(xiào)果即展现在上部人物(wù)形象(xiàng)上,所(suǒ)点即所(suǒ)得。

 

黑白(bái)主调,配合卡通形象,整体(tǐ)视觉风很强烈,契(qì)合元宇(yǔ)宙和数字头像主题(tí)。交互方式主要(yào)有滑动(dòng)、点击、输入和长按(àn)保存等,每种交互(hù)都有清晰引导(dǎo),简洁(jié)明确。

 

H5案例 

 

海报生成H5 

 

案例(lì)名称(chēng)Nike PLAYLab.

 

案(àn)例品牌:Nike

 

Nike推出的Nike PlayLib宣传创意H5作品,通(tōng)过(guò)三个明星视频,引导(dǎo)更多人关注和参与视频上传,使品牌和产品(pǐn)形成自传播。

 

进入H5后首先是一个(gè)很有(yǒu)创意Loading效果,从上到下移动且(qiě)滚动的一个(gè)色条,带有品牌标识和活(huó)动标识,伴(bàn)随着背景颜色纯(chún)色(sè)切换。鲜亮艳丽的篮球、足球等元素,从四面聚向中心形(xíng)成主题背(bèi)景(jǐng),然后,出(chū)现艺术活动主(zhǔ)题(tí):Nike PlayLib。弹出使用本地cookie的授权弹框,只有用(yòng)户点击“接受”,才(cái)能(néng)显示完整页(yè)面。点击按(àn)钮(niǔ)“GO”,进入到视频(pín)列表页。

 

到处洋溢着青春、运动的(de)气息,看了就感觉充满(mǎn)活力(lì),有热(rè)情(qíng)的用户可以上传视频试试,参与活动。

 

 H5案例

 

 H5互动(dòng)游戏

 

以上就是本(běn)期为大家带来H5案例分享,感(gǎn)兴趣的朋(péng)友可以持续关注我们qy千亿和蓝橙互动(dòng)官网的(de)新闻动态,或是(shì)关注qy千亿和蓝橙互动官方微信公众号(hào),我们会不定时向大家分享最新(xīn)的优秀案例。

 

相关阅读:《精选H5案例合集分享-19期(qī)



联(lián)系QQ:2899301896

qy千亿和蓝橙互动(dòng)·致力于为企业提供(gòng)更高(gāo)效的开发服务

qy千亿-qy千亿(中国)一站式服务官方网站

qy千亿-qy千亿(中国)一站式服务官方网站