乐投在线-乐投在线(中国)




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

    回到顶部

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

    H5案例 2022年06月24日

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

     

    案例名称DIY你(nǐ)的精享海滩(tān)露营

     

    案例(lì)品(pǐn)牌:VEZEL缤智X网易新闻

     

    缤智汽车举行618海滩缤纷露营,用(yòng)户DIY自己的露营造型,提前感受露营的自由爽快。迎合大家对夏日露营的热(rè)情,为活动预(yù)热。

     

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

     

    人物姿势的拖拽和物品的布置触点反应很(hěn)灵活(huó),不(bú)同风格的服饰紧(jǐn)跟潮流(liú),各种性格的(de)用(yòng)户都能(néng)找到符合(hé)自己审美偏好的效(xiào)果,在最后界面可直接返回重新布置,感(gǎn)受不同场景的(de)欢(huān)乐。

     

    H5案例 

     

    DIY海报生成H5 

     

    案例名(míng)称:测一测你的独(dú)家守护方式(shì)

     

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

     

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

     

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

     

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

     

    H5案例 

     

    测试类H5 

     

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

     

    案例(lì)品牌:应(yīng)急管理部宣传教育(yù)中心 X 腾讯SSV X QQ X QQ浏览(lǎn)器 X 腾讯视(shì)频

     

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

     

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

     

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

     

    H5案(àn)例 

     

    知识(shí)科普H5 

     

    案例名称:我在宋朝当(dāng)乐师

     

    案例品(pǐn)牌:中国蓝TV X 浙江卫视

     

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

     

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

     

    H5案例 

     

    海(hǎi)报生(shēng)成(chéng)H5 

     

    案例名称(chēng):答(dá)案之歌

     

    案例(lì)品(pǐn)牌(pái):网易(yì)新闻/娱乐(lè)

     

    走在霓虹灯闪耀的香港街头,聆(líng)听beyond经(jīng)典(diǎn)老(lǎo)歌,提(tí)出(chū)人(rén)生疑惑,在音(yīn)乐中寻找答(dá)案。

     

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

     

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

     

    H5案例(lì) 

     

    测试类H5 

     

    案例名称:绿色星球生活指(zhǐ)南

     

    案例(lì)品牌:中国邮政储蓄银行×网易(yì)新闻(wén)

     

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

     

    整体页面为暗(àn)黑背景,蓝色星球,有中国邮政(zhèng)储蓄银行品牌绿植(zhí)入。3D星(xīng)球设计,用户(hù)可以放大、缩小(xiǎo)、旋转、点击(jī),让普通的平(píng)面文案,显得生(shēng)动有趣(qù)。

     

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

     

    H5案例(lì) 

     

    探索类(lèi)H5 

     

    以上(shàng)就是本期为大家带来H5案例分享,感(gǎn)兴趣的朋友可(kě)以(yǐ)持续关注我们乐投在线和蓝橙互动官网的(de)新(xīn)闻(wén)动(dòng)态,或(huò)是关注乐投在线和蓝橙(chéng)互动官方微信公众号,我们(men)会(huì)不(bú)定(dìng)时向大家分享最新的优秀案例(lì)。

     

     

    相关阅(yuè)读(dú):《精选H5案例合集分享-23期(qī)



    联系QQ:2899301896

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

    乐投在线-乐投在线(中国)

    乐投在线-乐投在线(中国)