完美







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

      回到顶部(bù)

      精(jīng)选H5案例合(hé)集分享-51期

      H5案例 2023年03月01日(rì)

      2月下旬到妇(fù)女节(jiē)之间没有什么(me)合适的营销节点,但并不意味着各大商家会停下品牌宣传的脚步,任何时候都是(shì)各大品牌发(fā)挥创意,打造品牌专属H5营销活动的好机会。蓝(lán)橙互动精选H5案(àn)例第51期,就给大家分享一下各大品牌的创意(yì)H5营销活动。

       

      案例:春日(rì)限定!你的专属(shǔ)人设分析

       

      品牌:顾家(jiā)家居X网易新闻

       

      “人设”一词近几年颇为流行(háng),春(chūn)天来(lái)了,好好规划生活,定(dìng)一些可爱的小目标,自己的“人设”要靠自己努(nǔ)力完成!

       

      H5首(shǒu)页是一(yī)个(gè)小(xiǎo)女生(shēng)带着小狗(gǒu)去踏青的手绘图,温暖的导语(yǔ)逐行浮现,界面飘过一些小flag标(biāo)语(yǔ),都(dōu)是经常听到和看到的内(nèi)容,用户可左滑界面加速浏(liú)览,点(diǎn)击自己想要完成的进行选择。然(rán)后输入自己的名字,生成人设测试海报(bào),海报(bào)包括(kuò)用户的(de)春(chūn)日焕新人设、人设介绍和(hé)人设搭配的主图。

       

      H5案例(lì)


      清(qīng)单测(cè)试(shì)H5


      案(àn)例:科创走廊(láng)挺起产业“脊梁”

       

      品牌:南方(fāng)财经全媒体集团

       

      这(zhè)是由南方(fāng)财经全媒(méi)体集团推出的一镜到底H5,以探索中国式现代(dài)化的广东路径为主(zhǔ)题,回顾这些年(nián)广(guǎng)东(dōng)推进(jìn)高水平科技自立自强,实现现代化的发(fā)展历程。

       

      进入H5案例(lì),首先(xiān)是一段引导动画,通过(guò)一(yī)条线连接广东发(fā)展(zhǎn)的周边城市,然(rán)后邀请用户(hù)选择探索路线进入一镜(jìng)到底展示。探索路线分为“广深港科技创新走廊”和“广珠澳科技创新走廊”,广(guǎng)珠澳科技创新走(zǒu)廊将以(yǐ)广州、中山、珠海(hǎi)为(wéi)线展示发展历程,广深(shēn)港(gǎng)科技创新走廊(láng)则是以(yǐ)广州(zhōu)、东莞(wǎn)、深圳为线进行展示。用户选择后(hòu)向上滑动屏(píng)幕即可了解相关信息。

       

      H5案例


      一镜到(dào)底H5


      案例:AI画出你的2022

       

      品牌:快(kuài)手

       

      这(zhè)是由快手推(tuī)出的(de)AI作画H5活动,在2022即将结束,2023马上到来之际,以“2023一起向前(qián)|AI画(huà)出你的2022”为主题,邀请用户回顾(gù)自己的2022年(nián)关键词标签,通过AI为用户生(shēng)成一幅画作。

       

      H5中向(xiàng)用户提供了6屏不同的标签,用户从中选择1-10个关键词即可进行AI作画。点选(xuǎn)关键(jiàn)词后(hòu)有相应的选中状态,标签围(wéi)绕2022年的重大事件和日常生活展开(kāi),例如有居家(jiā)办公、养生、佛(fó)系运动等等,用户可左右(yòu)滑(huá)动进行翻屏换页。提交关键(jiàn)词后由AI提取(qǔ)用(yòng)户的代表性关键词进(jìn)行(háng)作画,作画(huà)进度通过文字展现,作画完成将(jiāng)直接生(shēng)成结果海报,结果海报包(bāo)括AI绘制的图画(huà)和画作名称,下方有用户选择的关键词标签。

       

      H5案(àn)例


      AI作(zuò)画H5


      案例:AF1 HOTEL home

       

      品牌:耐克

       

      这是为耐克(kè)空军一号(hào)新品宣传推出的概(gài)念解析H5活动(dòng),用户在数字(zì)化三维空间中探索不同(tóng)主题的分界面(miàn),了解与空军一(yī)号合作的(de)各个领域的杰(jié)出人物,以(yǐ)及他们的生活态度与设计灵感,传达空(kōng)军(jun1)一号不同造(zào)型背后的艺术创(chuàng)想。

       

      进入H5案例(lì),一支(zhī)白色(sè)的经典款(kuǎn)空军一号从(cóng)内部扩散开,形(xíng)成(chéng)一个各种(zhǒng)不同(tóng)形状物体组成的三维空(kōng)间,用户(hù)滑动下(xià)方操作杆在当中(zhōng)穿梭和探(tàn)索,探索(suǒ)到宣传牌时点击进入,在(zài)另一个空间(jiān)中继(jì)续探索(suǒ),感受空间的神(shén)秘与视觉冲击,点击触点或完成游戏(xì)查看人物理念介绍,也可直(zhí)接点击触点来到不同(tóng)空间(jiān)的入口。

       

      H5案例


      3D探索H5


      案例:我在(zài)家乡(xiāng)的精神角落

       

      品牌:快(kuài)手

       

      快手推(tuī)出(chū)的测试类H5作品。以“我在家乡的精神角(jiǎo)落(luò)”为主题(tí),引导用户回忆家乡的点(diǎn)点滴滴,唤起共(gòng)鸣(míng),生成带(dài)有用户姓(xìng)名和家乡的海报,形(xíng)成传播和(hé)裂(liè)变。

       

      进入H5案例,首先是活动引导动画(huà),是(shì)一个坐在风(fēng)筝上(shàng)的女(nǚ)孩,活动引(yǐn)导语(yǔ)一句句浮现,邀请(qǐng)用户寻找属(shǔ)于(yú)自己的家乡精神(shén)角落。拉动风筝线进入答题测试环节(jiē),总共有五(wǔ)道题(tí),题目设计(jì)围绕一(yī)场奇妙的时空旅行展开,用户根据(jù)自身喜好进(jìn)行选择即可。H5页面设计采用唯美卡(kǎ)通风(fēng)格,局部(bù)的动画特效给整个作品(pǐn)锦上添花,让每一个页面仿佛(fó)一幅画。测试(shì)设计结合(hé)了九(jiǔ)型人(rén)格测试,让测试(shì)结果更(gèng)加贴近用户的(de)真实(shí)情况,牵引用户回到过去,闻到家乡的味道,听见家乡的声音,看(kàn)到家(jiā)乡(xiāng)的美。

       

      H5案例(lì)


      答题测试H5


      以(yǐ)上就是(shì)本期(qī)为大家带来H5案例分享,感兴趣的朋友可以(yǐ)持续关注我(wǒ)们完美和蓝橙互动(dòng)官网的新闻动态,或是关注(zhù)完美和蓝橙互(hù)动(dòng)官方微信公众号,我们会不定时向大家分(fèn)享最新的优秀案例。

       

       

      相关(guān)阅读:《精选H5案例合集分享-50期



      联系QQ:2899301896

      完美和蓝橙互动·致力于为企(qǐ)业提供更高效的开发服务

      完美

      完美