完美







      H5游戏(xì)制(zhì)作
      H5游(yóu)戏制作
      H5游戏制作(zuò)
      H5案(àn)例
      H5开发
      扫一扫
      h5定(dìng)制(zhì)
      h5定制(zhì)

      回(huí)到顶部

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

      H5案例 2022年06月24日(rì)

      每当有新的热点(diǎn)新闻生(shēng),或是来到一个(gè)新的营(yíng)销(xiāo)节(jiē)点,敏锐的商家(jiā)都会策划设计相应(yīng)的H5营销活动(dòng),借助热点优势获取大(dà)量用户流量(liàng),进一步(bù)提升品牌知名(míng)度(dù),提高销售转化。蓝(lán)橙互动精选H5案例第24期,就给大家(jiā)分享一下(xià)各大品牌的H5营销案例(lì)。

       

      案例(lì)名称DIY你的精享海滩露营(yíng)

       

      案例品牌:VEZEL缤智X网易新闻(wén)

       

      缤(bīn)智汽车举行618海滩(tān)缤纷露营(yíng),用户DIY自己(jǐ)的露营造型,提前感受露营(yíng)的自(zì)由爽快(kuài)。迎合(hé)大家对夏日露营的热(rè)情,为活动(dòng)预热。

       

      打开作品,根据图标指示选择露(lù)营内容即可,背景有篝火晚会,沙(shā)滩帐篷,音乐节,椰树(shù)日落(luò),点击人物(wù)加入其中,可选单人或(huò)多人,调节人物大小(xiǎo),拖动肢体调节动作,选(xuǎn)择(zé)发型,衣服,表情,装饰品,和灯牌(pái),最后(hòu)海报中会有活动(dòng)时间标出(chū)。

       

      人物姿势的(de)拖拽和物品的布置(zhì)触点反应很灵活,不同风格的服饰紧跟潮流,各种性格的用(yòng)户(hù)都能找(zhǎo)到符(fú)合自己(jǐ)审美偏(piān)好的(de)效(xiào)果,在最后界面可直接返回重新布(bù)置(zhì),感受不同场景的欢乐。

       

      H5案(àn)例(lì) 

       

      DIY海报生成H5 

       

      案例名称:测一测你的独(dú)家守护方式

       

      案(àn)例品(pǐn)牌(pái):网易文创(chuàng)/哒哒X云南白(bái)药(yào)

       

      云南白药与网易新闻联合推出的测(cè)试类H5,将(jiāng)用(yòng)户的随机连线图案生成温馨画作(zuò),解析用户的守护方式,传递温暖(nuǎn),突出云南白药(yào)在口腔方面(miàn)的(de)“守护”主旨。

       

      打开作(zuò)品,浏览“守(shǒu)护”导语(yǔ),输入名字,开始测试,聆听音(yīn)乐,根据内心的感觉把给出的五颗星星按任意顺序连接起(qǐ)来,连接出的图案会逐渐演化成一幅画作(zuò),作为落地海报的主(zhǔ)图(tú)和主题(tí),海报上还(hái)有(yǒu)守护方(fāng)式的名字和(hé)解(jiě)析,用(yòng)户可点(diǎn)击倾听毛不(bú)易(yì)为云(yún)南白药创作的主题曲《拾光者(zhě)》,也可重新测试或参与抽(chōu)奖。

       

      打开(kāi)作品就可(kě)以听到海风和(hé)海浪的(de)声音,惬意放(fàng)松。蓝色(sè)界面,一个人(rén)在(zài)海边瞭望的(de)画面给想象力一个延伸(shēn)感(gǎn),传(chuán)递自由随心的概(gài)念。随(suí)机连(lián)线出的图(tú)案被扩展成治愈系画作,也给用户一种被重视被爱(ài)护(hù)的感(gǎn)觉。下侧是(shì)云南白药的牙(yá)膏流出呈海洋状,营(yíng)造品牌美好形象。

       

      H5案例 

       

      测试类H5 

       

      案例名称:救援技(jì)能趣味测(cè)试

       

      案例品(pǐn)牌:应(yīng)急管理部宣传教育中心 X 腾(téng)讯SSV X QQ X QQ浏览器 X 腾(téng)讯视频

       

      遇到危急情况别慌张(zhāng),冷静下(xià)来,用对方法,才能安全脱险,提前学(xué)习救(jiù)援技(jì)能,帮助腾讯(xùn)小企(qǐ)鹅脱离险(xiǎn)境(jìng),也(yě)帮助自己学(xué)习各种情况下的紧(jǐn)急救援技能。

       

      根据给(gěi)出的情景和(hé)提示,点击光(guāng)标,让小企鹅得(dé)到救援,脱离险境,包括厨房(fáng)着火,紧急包扎,山(shān)体塌方,用海姆立克急(jí)救法(fǎ)救助被噎住的企鹅宝宝等等,救援结束后,界面会出(chū)现救援的具体方法和理论(lùn)依据,并赠(zèng)与用户衣着道具,最后用(yòng)道具(jù)把小企鹅打扮(bàn)好,生成安全鹅海报即(jí)可。

       

      界面清晰度很高,情(qíng)景设(shè)置得很丰(fēng)富(fù),小企鹅很可爱,救援方法是先让用户亲身参(cān)与,再诉诸文(wén)字,让(ràng)用户明白救援具体方法和(hé)理(lǐ)论依据,更好的理解和记忆。

       

      H5案(àn)例 

       

      知识科普H5 

       

      案例名称(chēng):我在宋朝当乐师

       

      案例品牌(pái):中国蓝TV X 浙江卫视

       

      中国蓝TV与(yǔ)浙江卫视《天赐的声音》节(jiē)目(mù)联合推(tuī)出了一款(kuǎn)新媒体产品“我在宋朝当乐师”。 产品内通过将宋代的苏东坡、AI数(shù)字人谷小雨深度联动,通(tōng)过动画(huà)交互的形(xíng)式(shì)让用户更加沉浸式的重走(zǒu)宋代乡(xiāng)间(jiān)、穿(chuān)过(guò)宋朝瓦舍,参与(yǔ)诗(shī)人间的盛会。 在音乐演奏界面,箜篌(hóu)、方响、歌(gē)板等这些古老(lǎo)的乐器又能重回到(dào)用户手中发出(chū)“新(xīn)声(shēng)”。

       

      打开作品(pǐn),查看关于“谷小雨”的导语,转动(dòng)月球,前往宋朝(cháo),在不同情境(jìng)中聆听不同乐器演奏和查(chá)看乐器介绍,跟着苏东坡(pō)月下踱步,了解琴,在乐坊门前了解(jiě)方响(xiǎng),在瓦舍中了解琵琶,在月下诗会上(shàng)了解水盖。然(rán)后来(lái)到作曲界面,根据提(tí)示选(xuǎn)择预设乐器和实时(shí)乐器,编制(zhì)成曲(qǔ),在落地海报界面(miàn)聆听(tīng)曲(qǔ)目成品和介绍。

       

      H5案(àn)例 

       

      海报生成(chéng)H5 

       

      案例(lì)名称:答案之歌

       

      案例品(pǐn)牌:网易新闻/娱乐

       

      走在霓虹(hóng)灯闪耀的香港街头,聆听beyond经典(diǎn)老歌(gē),提(tí)出人(rén)生疑(yí)惑,在音乐中寻找答案。

       

      打(dǎ)开作品(pǐn),出(chū)现(xiàn)熙(xī)攘(rǎng)街头交错的霓虹灯牌,乐曲(qǔ)名即是灯牌(pái)名,加一个(gè)店铺(pù)后缀,例如冰室,茶餐(cān)厅等(děng),根据提示点(diǎn)击灯牌,灯牌亮起,背(bèi)景音乐响起,问题(tí)列表出现(xiàn),四个列表,每次七(qī)道问题,关于生(shēng)活,爱(ài)情(qíng),工作,学(xué)习,瘦身等(děng)等各方面的都有,用户每次七选一,四道问题选择完毕后,答案海(hǎi)报(bào)生成,用四首歌作(zuò)为四个问题的答案,每(měi)首歌有对应的卡通图标和(hé)简(jiǎn)介。

       

      复古感的灯(dēng)牌作为(wéi)问题背(bèi)景,冰(bīng)室等港风(fēng)特色店烘托气氛,问题设置得很符合当下年轻人的生活(huó)处境,点亮灯牌的时(shí)候会(huì)期待(dài)出现的问题。回忆杀勾起心(xīn)中情怀,海阔天空,真的爱你(nǐ)等,都是beyond乐队的经典曲(qǔ)目,略(luè)带(dài)模糊的磁带音(yīn)质,仿佛回到了当初(chū)那个年代。

       

      H5案例 

       

      测试类(lèi)H5 

       

      案例名(míng)称:绿(lǜ)色星(xīng)球生活指(zhǐ)南

       

      案例品牌:中国邮政储蓄(xù)银行×网易新闻(wén)

       

      中国(guó)邮政(zhèng)储蓄银行和网(wǎng)易新闻联(lián)合推出的(de)公益环保创意H5案(àn)例,以“绿色星(xīng)球生活指南”为主(zhǔ)题,引导用户在“绿色(sè)星球(qiú)”探索不同城市,收集(jí)能量(liàng),阅读绿色生(shēng)活指南(nán),最后生成“星(xīng)球居住证”,从而形成(chéng)品牌联(lián)合推广势能,达成(chéng)更多的(de)曝光。

       

      整体页面(miàn)为暗(àn)黑背(bèi)景,蓝色(sè)星球(qiú),有中国邮政储(chǔ)蓄(xù)银行品牌绿植入(rù)。3D星球设计,用户可以放大、缩(suō)小、旋(xuán)转、点击,让(ràng)普通(tōng)的平面文案(àn),显得(dé)生动有趣。

       

      绿色三维可交互星(xīng)球还是很(hěn)赞的,可以放大、缩小、旋转(zhuǎn)、点击,在三维空间中,让人看(kàn)到了(le)更多可(kě)能。

       

      H5案例 

       

      探索类H5 

       

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

       

       

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



      联(lián)系(xì)QQ:2899301896

      完美和蓝橙互(hù)动·致力于(yú)为(wéi)企业(yè)提供更(gèng)高效的开发服务(wù)

      完美

      完美