开云(中国电子) KAIYUN





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

    回(huí)到顶部

    精(jīng)选H5案例合集分(fèn)享-24期

    H5案例 2022年06月24日

    每当有新的热点(diǎn)新闻生,或(huò)是来到(dào)一个新的营销节点,敏锐(ruì)的商家都会策(cè)划设计相应的H5营销活动,借助热点优势获取(qǔ)大量用(yòng)户流量,进一步提升品牌知名度,提高销售转化。开云和蓝橙(chéng)互动精选(xuǎn)H5案例(lì)第24期(qī),就给大家分享一下各大(dà)品牌(pái)的H5营销案例。

     

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

     

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

     

    缤智汽车举行618海滩缤纷露(lù)营,用户(hù)DIY自己(jǐ)的露营造型,提前(qián)感受露营的自由(yóu)爽快。迎合大家对(duì)夏(xià)日露营的热情,为(wéi)活(huó)动预热。

     

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

     

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

     

    H5案(àn)例 

     

    DIY海报生成H5 

     

    案(àn)例名称:测一测你的独家(jiā)守护方式

     

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

     

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

     

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

     

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

     

    H5案例 

     

    测试类H5 

     

    案例名称:救援技能趣味测试

     

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

     

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

     

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

     

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

     

    H5案例 

     

    知(zhī)识科普H5 

     

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

     

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

     

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

     

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

     

    H5案例 

     

    海报生成H5 

     

    案例名称:答案之歌

     

    案(àn)例品牌:网(wǎng)易新闻/娱乐

     

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

     

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

     

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

     

    H5案例 

     

    测(cè)试(shì)类H5 

     

    案例名称:绿色星球生活指南

     

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

     

    中国邮政储蓄(xù)银行和网易新闻联合推出的公(gōng)益环保创(chuàng)意H5案例,以“绿色星球生活指南”为(wéi)主题,引导用户在(zài)“绿色星(xīng)球”探索(suǒ)不同城市,收集能(néng)量,阅读绿(lǜ)色生(shēng)活指南,最后生成“星球居住证”,从而(ér)形成品牌联合推(tuī)广势能,达成(chéng)更(gèng)多的曝光。

     

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

     

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

     

    H5案例 

     

    探索类H5 

     

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

     

     

    相(xiàng)关阅(yuè)读:《精选H5案例(lì)合集分享-23期(qī)



    联系(xì)QQ:2899301896

    蓝(lán)橙互动·致(zhì)力于为企业(yè)提供更高效的开发服务

    开云(中国电子) KAIYUN

    开云(中国电子) KAIYUN