九游网页版-九游(中国)




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

    回到顶部

    精选H5案(àn)例(lì)合集分享(xiǎng)-24期

    H5案例 2022年06月24日

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

     

    案例名称DIY你的精享海滩露营

     

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

     

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

     

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

     

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

     

    H5案例 

     

    DIY海报(bào)生成H5 

     

    案例名称(chēng):测一(yī)测你的独(dú)家守护方式

     

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

     

    云(yún)南(nán)白(bái)药与网易新闻联合推(tuī)出的测试(shì)类H5,将用户(hù)的随机连线(xiàn)图案生(shēng)成(chéng)温馨画作(zuò),解析用户的守(shǒu)护方式,传递(dì)温暖,突出(chū)云南白药在口腔方面的“守护”主(zhǔ)旨。

     

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

     

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

     

    H5案例(lì) 

     

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

     

    案例名称:救(jiù)援(yuán)技能趣(qù)味测试(shì)

     

    案例品牌:应急(jí)管理部宣传教育(yù)中心 X 腾讯SSV X QQ X QQ浏览器 X 腾讯视频(pín)

     

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

     

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

     

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

     

    H5案(àn)例 

     

    知识科普H5 

     

    案例名称:我在宋(sòng)朝当乐师

     

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

     

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

     

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

     

    H5案(àn)例 

     

    海报生成H5 

     

    案例名称:答案之歌

     

    案例(lì)品牌:网易(yì)新闻/娱乐

     

    走(zǒu)在霓虹灯闪耀的香港街头,聆听(tīng)beyond经(jīng)典老歌,提出人(rén)生疑惑,在音乐(lè)中寻找答案。

     

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

     

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

     

    H5案例 

     

    测试类H5 

     

    案例名称:绿色(sè)星球生活指南

     

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

     

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

     

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

     

    绿色三维(wéi)可交互星球还是很赞的,可以(yǐ)放大、缩小、旋(xuán)转(zhuǎn)、点击,在三维(wéi)空间中,让(ràng)人看到了(le)更多可能。

     

    H5案例 

     

    探索类H5 

     

    以上就是(shì)本(běn)期为大家带来(lái)H5案例分享,感兴趣的朋友可以持续(xù)关注我们(men)九游网页版和蓝橙互(hù)动(dòng)官(guān)网的新闻动态,或是关注九游网页版和蓝橙互动官方微(wēi)信公众号(hào),我(wǒ)们会不(bú)定时(shí)向大家(jiā)分(fèn)享最新的优秀(xiù)案例。

     

     

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



    联系QQ:2899301896

    九游网页版和蓝橙互动·致力于为企业(yè)提供更高效的(de)开发服务(wù)

    九游网页版-九游(中国)

    九游网页版-九游(中国)