qy千亿-qy千亿(中国)一站式服务官方网站



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

回(huí)到(dào)顶部

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

H5案例 2022年06月(yuè)24日

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

 

案例名(míng)称DIY你的精享(xiǎng)海滩露营(yíng)

 

案例品牌:VEZEL缤智X网易新闻

 

缤智汽车举行(háng)618海滩缤纷露营,用户DIY自己的露营(yíng)造(zào)型,提前感(gǎn)受露营的自由爽快。迎合大家对(duì)夏日(rì)露营的热(rè)情(qíng),为活(huó)动预(yù)热。

 

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

 

人物姿势的(de)拖拽和物品的布置触点(diǎn)反应很灵活,不同风格(gé)的服饰紧跟潮流,各种性格的用(yòng)户都能(néng)找到符合自己审美偏好的效果(guǒ),在(zài)最(zuì)后界面可直接返回重新布置,感(gǎn)受不同场(chǎng)景的欢乐。

 

H5案(àn)例 

 

DIY海(hǎi)报生成H5 

 

案例名称:测一(yī)测(cè)你(nǐ)的(de)独家守(shǒu)护(hù)方(fāng)式

 

案(àn)例品牌(pái):网易文创/哒哒X云南白药

 

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

 

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

 

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

 

H5案例 

 

测试(shì)类H5 

 

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

 

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

 

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

 

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

 

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

 

H5案(àn)例 

 

知识科普H5 

 

案例名称:我在宋朝当乐师

 

案例品牌:中国蓝(lán)TV X 浙江(jiāng)卫视

 

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

 

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

 

H5案例(lì) 

 

海报生成H5 

 

案例名称:答案之歌

 

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

 

走(zǒu)在霓虹灯(dēng)闪耀的香港街(jiē)头,聆听beyond经典老歌,提出人生疑惑,在音乐中寻找(zhǎo)答案(àn)。

 

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

 

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

 

H5案(àn)例 

 

测试类H5 

 

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

 

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

 

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

 

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

 

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

 

H5案例 

 

探索类H5 

 

以上(shàng)就(jiù)是(shì)本期为大家带来H5案例(lì)分享,感兴趣的朋友可(kě)以持续关注我们qy千亿和蓝橙互动官网的新闻动(dòng)态,或是关注qy千亿和蓝橙(chéng)互动官方微信公众号,我们会不定时(shí)向大家分享最新的优秀案(àn)例(lì)。

 

 

相关阅读:《精选(xuǎn)H5案例(lì)合集分享-23



联系QQ:2899301896

qy千亿和蓝橙(chéng)互动·致力(lì)于为(wéi)企业提供更高效的开发服(fú)务

qy千亿-qy千亿(中国)一站式服务官方网站

qy千亿-qy千亿(中国)一站式服务官方网站