乐鱼





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

    回到顶(dǐng)部

    精(jīng)选H5案例(lì)合集分(fèn)享-22期(qī)

    H5案例 2022年05月20日

    一个品(pǐn)牌(pái)能够成为行业(yè)热(rè)门(mén),除了其服务和产品(pǐn)本(běn)身的质(zhì)量高以外,还离不开(kāi)对自身品牌的(de)营(yíng)销宣(xuān)传,越是有(yǒu)名的(de)品牌,就(jiù)越是会开展(zhǎn)各类品牌宣传活动。乐鱼和蓝橙(chéng)互动精选(xuǎn)H5案例第(dì)22期,就(jiù)给大家分享(xiǎng)一(yī)些(xiē)知名品牌(pái)的宣传H5案例参考一下。

     

    案例(lì)名称:用(yòng)MBTI测测你(nǐ)的失恋型(xíng)人格

     

    案(àn)例品(pǐn)牌:腾(téng)讯视(shì)频

     

    腾讯视频情感类节目“灿烂的前行”是一档以21位失恋(liàn)男女为主体的疗(liáo)愈性(xìng)节目,本作品根据MBTI的心理学理论,用(yòng)问答形式,测试用(yòng)户(hù)的失恋型人格,以及(jí)会心动的类型。

     

    主页面点击触(chù)点进入问答,点击符合自(zì)己性格(gé)的答案即可,包括寻爱主动性,时间观念,交际习惯,喜欢的工(gōng)作类型,看辩论节目时的心(xīn)理状(zhuàng)态,更注(zhù)重(chóng)伴侣(lǚ)哪方面的(de)契合,生活习惯,性格(gé)偏向等等,答题(tí)完毕,生成结果海报,包(bāo)括用户的(de)失(shī)恋类型(xíng),害羞慢热的冒险家,忠诚可靠的守卫(wèi)者(zhě)等,爱情宣(xuān)言,症状,解开心结的方法建议,心动类型等。

     

    作(zuò)品界面很简单,生活常见问题,画面会有一(yī)些(xiē)可可爱爱的小图案点缀,理性中带着放松,最后海报(bào)还会给(gěi)出帮助用户走(zǒu)出失恋(liàn)阴霾(mái)的具体建议,很温馨,也很符合“灿(càn)烂的(de)前行”节目主旨,吸(xī)引用户观看。


    H5案例 

     

    答题测试(shì)H5 

     

    案例(lì)名称:游“双金”福(fú)地 开惊(jīng)喜盲盒

     

    案例(lì)品牌:瞭仓(cāng)艺(yì)术馆X萝卜快(kuài)跑

     

    首钢园是我们的冬奥健儿拿了两块金牌的福地,福地发福利,跟着小车车一起去拆福利盲(máng)盒吧(ba)!

     

    打开作品(pǐn),手(shǒu)绘(huì)的首钢园及(jí)附近的地图,各种店铺及文娱场所的名字均有标注,小汽车在城市里穿(chuān)梭(suō),遇到盲盒后,盲盒(hé)自动弹出,用户点击拆盲(máng)盒即(jí)可(kě),奖品有(yǒu)打折卷,代金(jīn)劵等,也有(yǒu)空(kōng)的(de)盲盒,小汽(qì)车游览结束,则作(zuò)品结束,用户可以返(fǎn)回首页查看自己的(de)收(shōu)获,也可(kě)以(yǐ)再次(cì)游览,继续获取盲盒(hé)。

     

    H5案例(lì) 

     

    H5案例 

     

    案(àn)例名称:青(qīng)春不息,冲满生机,测测你(nǐ)是哪类新市民

     

    案(àn)例(lì)品(pǐn)牌:中原消费金融X顶端(duān)新闻

     

    五四青年(nián)节之(zhī)际(jì)出品的海报生成H5,出品方鼓励(lì)年轻人要有冲劲,迸发内在力量,在普通岗位上也能创造出惊人活力,进(jìn)入职场选择(zé)题,解锁活力(lì)海报(bào),了解(jiě)自己独有(yǒu)的职场魅力。

     

    一段(duàn)激(jī)情(qíng)活力的导入(rù)动画,内容是不(bú)同职业的人们变身技能(néng)大师,发出耀眼(yǎn)光芒。动画结束后直接进入(rù)选择(zé)题页面,点(diǎn)击符合(hé)自己职场(chǎng)偏好的选项,包(bāo)括想做(zuò)的工作,在团队中(zhōng)充当的(de)角色,如何开(kāi)展调(diào)研,感(gǎn)兴趣的项目(mù),认为年轻人最珍贵的品质,选(xuǎn)择头像,输入名字(zì),生成(chéng)海报,包(bāo)括一副主图,获得的(de)称号,性格(gé)分析(xī)和(hé)关键词。

     

    开头的动漫(màn)简短精(jīng)悍,非常热血,工作者变身(shēn)技能达人(rén),对(duì)于各个行业工作者的潜力予以充分肯定,中间的(de)测试比较中规中矩,蓝白(bái)主(zhǔ)色,职场(chǎng)主题,落地(dì)海报上的漫画很有张力,高调(diào)活跃,回归“冲”的主题。

     

    H5案例 

     

    海报(bào)生成H5 

     

    案例名称(chēng):睡梦寻回委(wěi)托书(shū)

     

    案例品牌:网易文创/哒哒(dā) X USLEEP优眠(mián)

     

    梦是(shì)一种捉(zhuō)摸不透的神(shén)秘东西,用(yòng)户在(zài)作品中探(tàn)寻(xún)未知境(jìng)域,亲手(shǒu)编织一(yī)个(gè)美梦,看看它丢在了哪里。最后可(kě)登陆出品平台,选择(zé)优(yōu)质枕头,有好(hǎo)睡眠才有美(měi)好(hǎo)梦境。

     

    初始(shǐ)动画是一位仰望星空(kōng)的小男生(shēng),镜(jìng)头向(xiàng)上移动,小男孩抱(bào)着星星(xīng)坐在(zài)月亮(liàng)上,用户输(shū)入名(míng)字生成梦境寻回委托书,开(kāi)始答题,包括希望出(chū)现在梦里的(de)味道(dào),小动物,听到的声音,面对(duì)岔路的选择和最后来到的(de)地方(fāng),滑动(dòng)屏幕(mù)拨(bō)开彩色云雾(wù),生成梦境海报,包括梦境的颜色,获得的(de)称(chēng)号(hào),梦境描述和寻回线(xiàn)索。

     

    H5案例 

     

    答题测试H5 

     

    案例名(míng)称:光明哨兵(bīng)集结

     

    案例品牌(pái):腾讯游戏

     

    腾讯(xùn)游(yóu)戏以英(yīng)雄联盟中的“光(guāng)明哨(shào)兵招募令”为创意,让用户在H5中轻体验游戏中试炼关卡,感(gǎn)受游戏的精美、震撼(hàn),最后引(yǐn)导用户下载腾讯游戏(xì),形成(chéng)拉新引流。

     

    试(shì)炼1-3关:每一关都有不同游(yóu)戏(xì)提示,闯关成功后,进入下一(yī)关,每次点击“试(shì)炼”按钮,进入(rù)游戏体验环节,两点连(lián)接(jiē)、三点(diǎn)击败等交(jiāo)互(hù)方(fāng)式,操作简(jiǎn)洁(jié)过(guò)瘾。

     

    最(zuì)后生成光(guāng)明哨兵(bīng)招(zhāo)募令海报,包含天赋点(荣誉称号)、战胜(shèng)率、人物IP等,底(dǐ)部有“再(zài)次(cì)挑战(zhàn)”和“哨兵集结”,弹出海报后,自动弹出(chū)“登录获(huò)取(qǔ)光明(míng)哨兵招募令”,点击“立(lì)即登(dēng)录”跳转至腾(téng)讯游(yóu)戏登录页。

     

    H5案例 

     

    H5案例 

     

    案(àn)例:今(jīn)年(nián)回不回?

     

    品牌:QQ

     

    腾讯(xùn)QQ在(zài)2022新年时(shí)推出的“今年回不回(huí)?”创意H5,以过年回家和(hé)回忆QQ时光一语双关(guān),引发用户共鸣和参(cān)与(yǔ),最后还有一(yī)波QQ红(hóng)包,刺激大(dà)家传播。

     

    五个交互场景:每个场景都(dōu)融入了(le)QQ的IP和衍生IP形象,用户可以在各个可(kě)以唤起回忆的位置进行点(diǎn)击,会触发局(jú)部的小动画。点击“下一回”,进入下(xià)一场景,点击“上一回”回到上一个场景。

     

    最后(hòu)生成(chéng)海(hǎi)报包(bāo)含(hán)整体H5体验时的交互(hù)次数,荣誉称号,越回越新的图案(àn),还有两个(gè)提示:长按生成分(fèn)享海报,点击分享你(nǐ)的新年签。底部有(yǒu)两(liǎng)个按钮:QQ抢(qiǎng)红(hóng)包和新QQ抽(chōu)年(nián)签(qiān)。

     

    H5案例 

     

    H5案例(lì) 

     

    以上(shàng)就是本期为大家带来H5案例分(fèn)享,感兴(xìng)趣的朋友(yǒu)可以持续(xù)关注我们乐鱼和蓝橙互动官网(wǎng)的新闻动态,或是关注乐鱼和蓝橙互动官(guān)方微信公众号,我们会不(bú)定(dìng)时向大家分(fèn)享最(zuì)新的优秀案例。

     

     

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



    联系(xì)QQ:2899301896

    乐鱼和蓝橙互动(dòng)·致力于为企业(yè)提供(gòng)更高效的开发服务

    乐鱼

    乐鱼