万象城在线登录-万象城(中国)






H5游戏制作
H5游戏制(zhì)作
H5游戏制作
H5案(àn)例(lì)
H5开(kāi)发
扫一扫
h5定制
h5定制

回到(dào)顶部

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

H5案(àn)例(lì) 2022年(nián)06月(yuè)24日

每当有新(xīn)的热(rè)点新闻生,或是来到一个(gè)新的营销节点,敏(mǐn)锐的商家都会策划设计(jì)相应的H5营(yíng)销活动,借助(zhù)热点优势获取大量用户流量,进一(yī)步提升品牌知名度,提高销售转化。万象城在线登录和蓝橙互(hù)动精选H5案(àn)例第24期,就(jiù)给大家分享一下各大品牌的H5营(yíng)销案例。

 

案例名称DIY你(nǐ)的(de)精享海滩露(lù)营

 

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

 

缤智汽车为(wéi)举行618海滩缤纷露营,用户DIY自己的露营造(zào)型,提前感受露营的自由(yóu)爽快。迎(yíng)合大家对夏日露营的热情,为活动(dòng)预热。

 

打开作品,根据图标指示选择露营内容即可(kě),背景有篝火晚会,沙滩帐篷,音乐节,椰树(shù)日(rì)落,点击人物加入其中(zhōng),可选单(dān)人或多人,调节人物大小,拖动肢体调节(jiē)动作,选择发型,衣服,表(biǎo)情,装饰品,和(hé)灯牌,最后海报(bào)中会有活(huó)动时间标出(chū)。

 

人物姿(zī)势的拖(tuō)拽和物品的布置触点反(fǎn)应很(hěn)灵(líng)活,不同风格的服饰紧跟潮(cháo)流,各(gè)种(zhǒng)性格的用户都能找(zhǎo)到(dào)符合自己审美偏好的效果,在最后界(jiè)面可直接返回重新布(bù)置,感受(shòu)不(bú)同场景的欢(huān)乐。

 

H5案例 

 

DIY海报生成(chéng)H5 

 

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

 

案例(lì)品(pǐn)牌:网易文创/哒哒X云(yún)南白药

 

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

 

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

 

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

 

H5案例 

 

测(cè)试类(lèi)H5 

 

案例名称:救(jiù)援技能趣味测试

 

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

 

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

 

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

 

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

 

H5案(àn)例(lì) 

 

知识科(kē)普H5 

 

案例名称:我在(zài)宋朝当乐师

 

案例品牌:中国蓝TV X 浙江卫视

 

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

 

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

 

H5案例 

 

海报生成H5 

 

案(àn)例名称:答(dá)案之歌

 

案(àn)例品牌(pái):网易新(xīn)闻/娱乐

 

走在霓(ní)虹灯(dēng)闪耀的香港(gǎng)街(jiē)头,聆听beyond经典老歌(gē),提(tí)出(chū)人生疑惑,在(zài)音乐中寻(xún)找答(dá)案。

 

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

 

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

 

H5案例 

 

测试类H5 

 

案例名称(chēng):绿色星球生活指南

 

案例品牌:中国邮政(zhèng)储蓄银行(háng)×网易新闻

 

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

 

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

 

绿色三维可交互星球还是很赞的,可以放(fàng)大、缩小(xiǎo)、旋(xuán)转、点击,在三维空间中,让人看到了更(gèng)多可能(néng)。

 

H5案例 

 

探索类(lèi)H5 

 

以上就是本期为大家带来H5案例(lì)分(fèn)享,感兴趣的朋友可(kě)以持续关注我们万象城在线登录和蓝橙互动官网的新闻动态,或是关(guān)注蓝(lán)橙(chéng)互动官方微信公(gōng)众号,我们会不(bú)定时向大家分享最新的优秀案例。

 

 

相关阅(yuè)读:《精选H5案例合(hé)集(jí)分享-23



联系QQ:2899301896

万象城在线登录和蓝橙互动·致(zhì)力(lì)于为企(qǐ)业提供(gòng)更高效的开发服务

万象城在线登录-万象城(中国)

万象城在线登录-万象城(中国)