华亿平台_华亿(中国)





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

    回到顶部

    精选H5案例合集分享-22期

    H5案例 2022年05月20日(rì)

    一个品(pǐn)牌(pái)能(néng)够成为行业热门,除了其服务(wù)和产品(pǐn)本身(shēn)的质量高以外,还离不(bú)开对自身品牌的营销宣(xuān)传(chuán),越是(shì)有名(míng)的品牌,就越是会开展各类品牌宣传活动。华亿平台_华亿和蓝橙互动精选H5案(àn)例第22期,就给(gěi)大家分享一(yī)些知名品(pǐn)牌的宣传H5案例参考一下。

     

    案(àn)例名称(chēng):用MBTI测(cè)测你的失恋型人(rén)格

     

    案例品(pǐn)牌(pái):腾讯视频

     

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

     

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

     

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


    H5案例 

     

    答题测试H5 

     

    案例名(míng)称:游(yóu)“双金”福地(dì) 开惊(jīng)喜盲盒

     

    案例(lì)品牌:瞭仓艺术馆X萝卜快跑

     

    首钢园是我们的冬(dōng)奥健(jiàn)儿拿了两块金牌的福地,福地发福(fú)利,跟着小车车(chē)一起去拆福(fú)利盲盒吧!

     

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

     

    H5案例 

     

    H5案例 

     

    案例名称(chēng):青春不息,冲满生(shēng)机,测测你是哪类新市民

     

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

     

    五四(sì)青(qīng)年节之际出品的海报生成H5,出品(pǐn)方鼓励年轻人(rén)要(yào)有冲劲,迸发内在力量,在普(pǔ)通(tōng)岗位(wèi)上(shàng)也(yě)能创(chuàng)造出惊人活力,进入职场选择题,解锁活力海报,了解自己独有(yǒu)的职场(chǎng)魅力。

     

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

     

    开头(tóu)的(de)动(dòng)漫简短精悍,非常热血,工作者变身技能达人,对于各个行业工作(zuò)者的潜力予(yǔ)以充分肯定,中(zhōng)间的测试(shì)比(bǐ)较(jiào)中规中矩,蓝白主(zhǔ)色,职场主题,落(luò)地海报上的(de)漫画很有张力,高调活跃(yuè),回归“冲”的主题。

     

    H5案例 

     

    海报生成H5 

     

    案例名称:睡(shuì)梦寻回委托书

     

    案(àn)例品牌:网易文创/哒哒 X USLEEP优眠

     

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

     

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

     

    H5案例 

     

    答题测(cè)试H5 

     

    案例名称:光(guāng)明哨兵集(jí)结

     

    案例品牌:腾(téng)讯游戏

     

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

     

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

     

    最后生成(chéng)光明哨兵(bīng)招募令海报,包含天赋点(荣誉称号)、战胜率、人物IP等,底部有“再次挑战”和“哨兵集结”,弹(dàn)出(chū)海报后,自动弹出“登录获取光明哨兵招募令”,点击“立即登录”跳转至腾讯游戏(xì)登录页(yè)。

     

    H5案例 

     

    H5案例 

     

    案(àn)例:今年回不回?

     

    品牌:QQ

     

    腾(téng)讯(xùn)QQ在2022新年时推出的“今(jīn)年回不回?”创意H5,以过年回家和回忆QQ时光一语双关,引(yǐn)发用(yòng)户(hù)共鸣(míng)和(hé)参与,最后还有一波QQ红包,刺激大家传播(bō)。

     

    五个交互场景:每个场景(jǐng)都融(róng)入了QQ的IP和衍(yǎn)生IP形象,用户可以在各个(gè)可以唤起回忆的位置进行点击,会触发局部(bù)的小动画。点击“下一回”,进入(rù)下一场景,点击“上一回(huí)”回到上一个场(chǎng)景。

     

    最后生成海报包含(hán)整(zhěng)体(tǐ)H5体验时(shí)的交互次数,荣(róng)誉称号,越回越新的图案,还有(yǒu)两个提示(shì):长(zhǎng)按(àn)生(shēng)成分享海(hǎi)报,点(diǎn)击分享你(nǐ)的新年签。底部有两(liǎng)个按钮:QQ抢红包和(hé)新QQ抽年签(qiān)。

     

    H5案例(lì) 

     

    H5案例(lì) 

     

    以(yǐ)上就是本期为大家(jiā)带(dài)来(lái)H5案例分享,感兴(xìng)趣(qù)的朋(péng)友可以持续(xù)关(guān)注我们华亿平台_华亿和蓝橙(chéng)互动官网的新(xīn)闻动态(tài),或是关注华亿平台_华亿和蓝橙互(hù)动官方微信公众(zhòng)号,我们会不定时向(xiàng)大家分(fèn)享最新的(de)优秀案例。

     

     

    相关(guān)阅(yuè)读(dú):《精(jīng)选H5案例合集分享-21期



    联系QQ:2899301896

    华亿平台_华亿和蓝橙互动·致力于为(wéi)企业提供更高效(xiào)的开(kāi)发(fā)服务

    华亿平台_华亿(中国)

    华亿平台_华亿(中国)