开云(中国)Kaiyun







    H5游戏制作(zuò)
    H5游戏制(zhì)作
    H5游戏制(zhì)作
    H5案例
    H5开发
    扫一扫
    h5定制
    h5定制

    回到顶部

    精选H5案(àn)例合集(jí)分享-24期

    H5案例 2022年06月24日

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

     

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

     

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

     

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

     

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

     

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

     

    H5案(àn)例(lì) 

     

    DIY海报生成H5 

     

    案例名(míng)称:测一测你(nǐ)的独家守护方式

     

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

     

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

     

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

     

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

     

    H5案例(lì) 

     

    测试类H5 

     

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

     

    案例品牌:应急管理部宣(xuān)传(chuán)教育中心 X 腾讯SSV X QQ X QQ浏(liú)览(lǎn)器 X 腾讯视频

     

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

     

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

     

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

     

    H5案例(lì) 

     

    知识(shí)科普H5 

     

    案(àn)例(lì)名称(chēng):我在(zài)宋朝当乐师

     

    案例品牌:中国(guó)蓝TV X 浙(zhè)江卫视

     

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

     

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

     

    H5案例 

     

    海报生成H5 

     

    案例名称:答(dá)案之(zhī)歌

     

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

     

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

     

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

     

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

     

    H5案例 

     

    测试类H5 

     

    案例名称:绿(lǜ)色星球生活指南

     

    案例品牌:中国邮政储蓄(xù)银行×网(wǎng)易新闻

     

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

     

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

     

    绿色三维(wéi)可交互星球还是(shì)很赞的,可以放大、缩小(xiǎo)、旋转、点击,在(zài)三维空间中,让人看到了更多可(kě)能。

     

    H5案(àn)例 

     

    探索类H5 

     

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

     

     

    相关(guān)阅读:《精(jīng)选H5案例合集分享-23



    联系QQ:2899301896

    开云和蓝橙互动·致力于为企业(yè)提(tí)供更高效的开发服务

    开云(中国)Kaiyun

    开云(中国)Kaiyun