开云(中国)Kaiyun







    H5游戏制(zhì)作
    H5游戏制作(zuò)
    H5游戏制作
    H5案例
    H5开(kāi)发
    扫一扫
    h5定制
    h5定制

    回到顶部

    精选(xuǎn)H5案例(lì)合集分享-38期

    H5案例 2022年(nián)10月19日

    在开(kāi)展微信H5活动时,针对于不同的目标用户、不同的活动需求,需要选择不同的H5游戏玩法,才(cái)能获(huò)取更(gèng)好(hǎo)的活(huó)动效果。开云和蓝橙互动精选H5案例合集分(fèn)享第38期,就给(gěi)大家分享一些不同玩法(fǎ)形(xíng)式(shì)H5活动(dòng)案例。

     

    案例:蜗牛信箱

     

    品牌:中共海南省委网信办

     

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

     

    进入H5页面(miàn),点击(jī)信封查看不同群体(tǐ)代(dài)表十年后(hòu)的变(biàn)化(huà),以(yǐ)及(jí)中国这(zhè)十年取得(dé)的成就,如全民对抗疫情、奥运会举办、航(háng)母下海、火箭升天(tiān)等。最后呼吁现在的年轻人,以十年为约(yuē),再发一封信给“蜗牛信箱”,见证和(hé)参与中国未来发展。

     

    H5案例


    长图滑动H5


    案例:Choonsik's diary

     

    品牌:Kakao

     

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

     

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

     

    H5案例(lì)


    动画交互H5


    案例:资生堂中国

     

    品牌(pái):资生堂X屈臣氏

     

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

     

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

     

    H5案例(lì)


    H5互动游戏


    案例:这(zhè)十年,感恩奋进的力量

     

    品牌:浙(zhè)江省委网信办×浙江在线

     

    浙江省委网信办(bàn)和浙江在线(xiàn)联合(hé)推出的“这十年(nián),感恩奋进的力量”信息展示H5,用横向长图+交互弹窗的形式(shì),回顾了(le)浙江人民奋起的十年历程和(hé)相关成就,唤起更多(duō)人对浙江的了解(jiě),激发浙江人民(mín)的荣誉(yù)感。

     

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

     

    H5案例(lì)


    信息展示H5


    案例:汇投(tóu)星(xīng)人

     

    品牌:汇丰汇(huì)选

     

    汇丰汇选APP引流创(chuàng)意资(zī)讯H5作品。通过转盘交互模式,很好的把(bǎ)创投资讯信息整合起来(lái),让用户在投资决策前,获得高质量的行情信息,从(cóng)而吸引更多用户(hù)下载汇丰汇选APP

     

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

     

    H5案例


    H5案例


    案例:甲骨书信

     

    品牌:人民日报新媒体(tǐ)

     

    文字(zì)的起源(yuán),也(yě)蕴(yùn)含(hán)着文化(huà)的(de)起源,甲骨文也许离我们(men)很(hěn)遥(yáo)远,但其所要(yào)表达的人生哲理(lǐ)却是直至现在都可以让每个人都为(wéi)之受用的,H5将甲骨文做成(chéng)简短动态效果(guǒ),和用户一起探索古(gǔ)文奥秘(mì),学习传统知识。

     

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

     

    H5案例


    答题(tí)H5


    以上就是(shì)本期为大(dà)家带来H5案例分享(xiǎng),感兴趣的(de)朋友可以持续关注我(wǒ)们蓝(lán)橙互动(dòng)官(guān)网的新闻动态,或是关注开云和蓝橙互动官(guān)方微信公众号(hào),我们会不定时向大家分享最新(xīn)的优(yōu)秀案例。

     

     

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



    联系QQ:2899301896

    开云和蓝橙互动·致(zhì)力于为(wéi)企业提供更高效的开发服务

    开云(中国)Kaiyun

    开云(中国)Kaiyun