半岛网页版-半岛bandao(中国)


    1. H5游(yóu)戏制作(zuò)
      H5游戏制作
      H5游戏制作
      H5案例(lì)
      H5开发
      扫一扫
      h5定制
      h5定(dìng)制

      回到顶部(bù)

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

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

      每当有新的热点新闻生,或(huò)是来到(dào)一个新的营(yíng)销节点,敏(mǐn)锐(ruì)的(de)商家都(dōu)会策(cè)划设计相应的H5营销活(huó)动,借助(zhù)热点优势获取(qǔ)大(dà)量用户流量,进一步(bù)提升品牌知(zhī)名度(dù),提(tí)高销售转化。半岛网页版和蓝橙互动精(jīng)选H5案例第24期,就给大家分(fèn)享一下各大品牌的H5营销案例。

       

      案(àn)例名称DIY你的精(jīng)享海滩露营

       

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

       

      缤智汽(qì)车为(wéi)举行的(de)618海(hǎi)滩(tān)缤纷露营,用户DIY自己的露营造型(xíng),提(tí)前(qián)感受露营的自由爽快。迎合大家对夏日露营的热情,为活动预热。

       

      打开(kāi)作品,根据(jù)图标指示选择露营内(nèi)容即可(kě),背景有(yǒu)篝火晚会,沙滩帐篷,音乐节,椰树日落(luò),点击人物(wù)加入其中(zhōng),可(kě)选(xuǎn)单人或多人,调节人物大(dà)小,拖动肢体调节动(dòng)作,选择发型,衣服,表情(qíng),装饰品,和灯(dēng)牌,最后海报中会(huì)有(yǒu)活动时间标出。

       

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

       

      H5案例 

       

      DIY海报生成H5 

       

      案(àn)例(lì)名(míng)称:测一测你的独家守护(hù)方式

       

      案例品牌:网易文创/哒哒X云南白药

       

      云南白药与(yǔ)网易新(xīn)闻联(lián)合(hé)推(tuī)出的测试类H5,将用(yòng)户的随(suí)机(jī)连(lián)线(xiàn)图案生成温馨画作,解析(xī)用户的守护方式(shì),传(chuán)递温暖,突出云南(nán)白药在(zài)口腔方面的“守护”主旨。

       

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

       

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

       

      H5案例 

       

      测试类H5 

       

      案例(lì)名称(chēng):救援技能趣(qù)味测试

       

      案例品牌:应急管理(lǐ)部宣(xuān)传教育中心 X 腾(téng)讯SSV X QQ X QQ浏(liú)览器 X 腾(téng)讯(xùn)视频

       

      遇到危急情况别慌张,冷静下(xià)来(lái),用对(duì)方法,才能(néng)安全脱险,提前(qián)学习救援技(jì)能,帮助腾讯小企鹅脱离险境,也帮(bāng)助自己学习各(gè)种情况(kuàng)下的紧(jǐn)急救援技能(néng)。

       

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

       

      界面清晰度(dù)很高(gāo),情景设置(zhì)得很丰(fēng)富,小企鹅很(hěn)可爱(ài),救援(yuán)方法(fǎ)是先让用户亲(qīn)身(shēn)参与,再诉诸文字,让用户明白救援具体方(fāng)法和(hé)理论依据,更好的理解和记忆。

       

      H5案例 

       

      知识科普H5 

       

      案例名称:我在宋朝当乐(lè)师

       

      案例(lì)品牌:中(zhōng)国蓝TV X 浙江卫视

       

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

       

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

       

      H5案例 

       

      海报(bào)生成H5 

       

      案例(lì)名称(chēng):答案(àn)之(zhī)歌

       

      案例品牌:网易新闻/娱乐

       

      走在霓虹灯闪耀的香港街头,聆听beyond经典老歌,提(tí)出人生疑惑,在音乐中(zhōng)寻找(zhǎo)答案。

       

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

       

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

       

      H5案例 

       

      测试类(lèi)H5 

       

      案例名称:绿(lǜ)色(sè)星球生(shēng)活(huó)指(zhǐ)南

       

      案例品牌:中国邮政储蓄银(yín)行×网易(yì)新闻

       

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

       

      整体页(yè)面为(wéi)暗黑(hēi)背景,蓝(lán)色星球(qiú),有中国邮政储蓄银行品(pǐn)牌绿植入(rù)。3D星球设计,用户可以放大、缩小、旋转、点(diǎn)击,让普通(tōng)的(de)平面文案,显得生动(dòng)有趣。

       

      绿(lǜ)色三(sān)维可交互(hù)星球还是很赞的,可以(yǐ)放大、缩(suō)小、旋转、点击,在三维空(kōng)间中(zhōng),让人看到了更(gèng)多可能。

       

      H5案例 

       

      探索类H5 

       

      以上就是本期为大(dà)家带来H5案例分(fèn)享,感兴趣的朋友可以持续关注我们半岛网页版和蓝橙互动官网(wǎng)的新闻(wén)动态,或是关注半岛网页版和蓝橙(chéng)互动官方微信公众号,我们会不定时向大家(jiā)分享最新(xīn)的优(yōu)秀案例。

       

       

      相(xiàng)关阅读(dú):《精选H5案例合集(jí)分享-23



      联系QQ:2899301896

      半岛网页版和蓝橙互(hù)动·致力于为企业提供更高(gāo)效的开发服(fú)务

      半岛网页版-半岛bandao(中国)

      半岛网页版-半岛bandao(中国)