B体育(BSports)官方网站












H5游戏制作
H5游戏制作
H5游戏制作
H5案例
H5开发
扫一(yī)扫
h5定制
h5定制

回到顶部

精(jīng)选H5案(àn)例合集分(fèn)享-38期

H5案例 2022年10月19日(rì)

在开(kāi)展微(wēi)信H5活动时(shí),针对于不同的(de)目标用户、不同(tóng)的活动需求(qiú),需要选(xuǎn)择不同的H5游戏玩法,才能获取更好的活动(dòng)效果。B体育和蓝橙互动精选H5案例合集(jí)分(fèn)享第38期,就(jiù)给大家分(fèn)享一些不同玩法(fǎ)形(xíng)式(shì)H5活动案例。

 

案例:蜗牛(niú)信箱

 

品(pǐn)牌(pái):中共海(hǎi)南省(shěng)委网信办

 

中共海(hǎi)南省委网信办(bàn)在(zài)2022年二十大期间推出的创意H5案例,以“蜗(wō)牛信箱”主题,那些十年前写信给未来的人,见证了中国十年来的发(fā)展和取得的成就,以(yǐ)收(shōu)集各种(zhǒng)社会发展成就为交互,最后,呼吁(yù)年(nián)轻(qīng)人以十年为约,再写一封给未来(lái)的信。

 

进入(rù)H5页面,点击信(xìn)封查看(kàn)不同群体(tǐ)代表十年后的(de)变化,以及中国(guó)这十(shí)年取(qǔ)得的成就,如全民对抗疫情、奥运会(huì)举办、航母下海、火箭升(shēng)天等(děng)。最(zuì)后呼吁现在的年轻人,以(yǐ)十年为约,再发一封(fēng)信给(gěi)“蜗牛信箱”,见(jiàn)证(zhèng)和参与(yǔ)中国未来发展。

 

H5案例


长图滑动H5


案(àn)例:Choonsik's diary

 

品牌:Kakao

 

这是为Kakao的卡通形象Choonsik和Ryan进行(háng)宣传的(de)动画交互H5,Ryan是一(yī)只没有鬃毛的雄性狮(shī)子(zǐ),Choonsik是是一只(zhī)在路上捡到的小猫,他们是朋友,案例中以Choonsik的日(rì)记为主题,讲(jiǎng)述Ryan为什么讨厌周一。通过小故事,让(ràng)品牌旗下的卡通形象有血有肉。

 

进入作品(pǐn)H5“Ryan为(wéi)什么讨厌周一”开启故事随(suí)画面中提示的(de)箭头,看到(dào)Ryan出门上班,到了公交站(zhàn),上了公交车开启一天的生活(huó),随后是4个交互动画,有Ryan办公室工(gōng)作、在家(jiā)打扫卫(wèi)生、浴缸中大战鱿鱼怪、晚上Choonsik和Ryan在楼顶看烟花夜景,最后生成Choonsik和Ryan的卡通(tōng)电子卡(kǎ)片。

 

H5案例


动画交互H5


案例:资生堂中国

 

品牌:资生堂X屈臣氏

 

资生堂旗下的d program(安肌心语),联合(hé)屈臣氏线下门店,一起(qǐ)展开空瓶回收计划,替换装环保(bǎo)计划和环保电商外箱(xiāng)计(jì)划,号召大家减少浪费,像保护肌肤一样去爱护地球,减少环境污染和耗材使用,让环境回归平衡,迎向新生态

 

进入(rù)游戏,用户将(jiāng)分别来到美丽的沙滩上,森林中,小溪旁完成不同的游戏(xì)挑战。依(yī)次是捡垃圾,连接替(tì)换装管道和回(huí)收纸箱(xiāng),需要在15秒内达成预定目标,用(yòng)户可(kě)重复挑战。每(měi)完成一个游戏即可获知环(huán)保项目详情(qíng),收获鼓励海报,三(sān)个游戏都通过后,可解锁线上商店,浏览商品有(yǒu)机(jī)会获得盲盒(hé)奖(jiǎng)励。

 

H5案例


H5互动游戏


案(àn)例(lì):这十年,感恩奋进的力量

 

品牌:浙江省委网信办×浙江在线(xiàn)

 

浙(zhè)江省委网信办和浙江在线联合(hé)推出的“这(zhè)十年,感恩奋进(jìn)的力量”信息展(zhǎn)示H5,用(yòng)横向长图+交互弹(dàn)窗(chuāng)的形式,回顾(gù)了浙江(jiāng)人民奋起(qǐ)的十年历程和相关(guān)成就,唤起更多人(rén)对浙(zhè)江(jiāng)的了解(jiě),激发浙江(jiāng)人民的荣誉感。

 

H5采用(yòng)横向长图进行展示,用书信,人物介(jiè)绍,视频(pín),漫画等形(xíng)式,把(bǎ)奋进(jìn)的(de)十年的主要(yào)事件基本(běn)都囊括了进(jìn)去。包括:卷首书信、枫桥经验、乌镇网(wǎng)事、大陈(chén)蝶变、良渚文明、下姜筑梦、老区新颜、黄杜金叶、青科引进等9个主题内容(róng),每个主题均包含(hán)1-2个(gè)热点(diǎn)资(zī)讯,以及(jí)相关(guān)信函文字说明,把浙江大美展现的(de)很精致,把握的(de)很到(dào)位。

 

H5案例(lì)


信息(xī)展示(shì)H5


案例:汇投星人

 

品牌(pái):汇丰汇选(xuǎn)

 

汇丰(fēng)汇选APP引流(liú)创意资(zī)讯H5作品。通过转盘交互模式,很(hěn)好的(de)把创投(tóu)资讯信息(xī)整合起来,让用户(hù)在投资(zī)决(jué)策前,获(huò)得高质量的行情(qíng)信息,从而(ér)吸引更多用户下(xià)载(zǎi)汇丰汇选APP

 

整个H5就一个页面(miàn),紫红色星(xīng)球带包利(lì)好(hǎo)星球,该星球需要(yào)读取的信息条数直接显示在(zài)星球名称(chēng)旁边,其他就是围绕利好星球的一个“信息(xī)转盘(pán)”,用户可以转动(dòng)转盘,查看利好信息(xī)标题(tí),点击标题,弹出该信(xìn)息更进一步的详细(xì)信息弹出层,都很(hěn)简短,只说重点和结论。

 

H5案例


H5案例


案例(lì):甲骨书信

 

品牌:人(rén)民日报新媒体

 

文字的起源,也蕴(yùn)含着文(wén)化的起源(yuán),甲骨文也许(xǔ)离我们很遥远,但其所(suǒ)要表达的人生哲理(lǐ)却是直至现在都可(kě)以让每个(gè)人都为(wéi)之受(shòu)用的,H5将(jiāng)甲骨文做(zuò)成简短动态效果,和用(yòng)户一(yī)起探(tàn)索(suǒ)古文(wén)奥秘,学习传统知(zhī)识。

 

进入H5游戏,是一块甲(jiǎ)骨文(wén)骨(gǔ)片,点击触点开始逐字解析,先浏览古文字衍生出的动图(tú)和文(wén)字表述,再在给出的(de)三个答(dá)案中猜测哪个是与之对(duì)应的现(xiàn)代字,点击后,可以看到结果(guǒ)评判,和正(zhèng)确答案(àn)后蕴含(hán)的道理解析。

 

H5案例


答题H5


以上就是本期为大家带(dài)来H5案例分享,感兴趣的朋友可以持续关(guān)注我(wǒ)们B体育和蓝橙互动官网的新闻动(dòng)态(tài),或是关注蓝(lán)橙(chéng)互动官方(fāng)微(wēi)信公众号(hào),我们会不定时向大家分享最新的优秀(xiù)案例。

 

 

相(xiàng)关阅读:《精(jīng)选H5案例合集分(fèn)享-37期



联(lián)系QQ:2899301896

B体育和蓝橙互动·致力于为企业提供(gòng)更高效的开发服务

B体育(BSports)官方网站

B体育(BSports)官方网站