乐鱼





  • H5游戏制作
    H5游戏制作
    H5游(yóu)戏制(zhì)作
    H5案例
    H5开(kāi)发
    扫一扫
    h5定制
    h5定制

    回到顶部

    精选(xuǎn)H5案例合集分享-27期

    H5案例 2022年07月08日

    七月上旬(xún),各地的学校都陆陆续续放假了,暑假的到来大大提升了人们的消(xiāo)费欲望。为(wéi)了(le)获取更(gèng)多销(xiāo)售转化,各大商家也在这(zhè)段时(shí)间推(tuī)出了H5营(yíng)销活(huó)动。乐鱼和蓝橙互动精选H5案例第27期,就(jiù)给大家分(fèn)享一下近期各(gè)品牌的H5营(yíng)销活动。

     

    案例名(míng)称:奔赴四海的你

     

    案例(lì)·品(pǐn)牌:中国农业银行

     

    中国农业(yè)银行献(xiàn)给毕业生的作(zuò)品,回顾的(de)是毕业(yè)后(hòu)奔赴社会(huì)的(de)路程,表(biǎo)达的是追求内心向往(wǎng)的情怀。

     

    前半段是滑动浏览,回顾(gù)最后的校(xiào)园时光,上课,拍毕(bì)业(yè)照,搭乘动车或飞机奔赴下(xià)一人(rén)生旅程,后半段(duàn)是自动播放,展示来到社会后的不同生活面貌,或身居(jū)高层写字楼,或投身田园生活等,用(yòng)户选择环境,个人形象和必(bì)备物(wù)品,生成海报(bào),收获理想类型名称和解读(dú)分析。海(hǎi)报右侧有(yǒu)炫(xuàn)萌萌银联(lián)白金(jīn)卡卡面图,用户可点击办理。

     

    H5案例 

     

    测试(shì)类H5 

     

    案例名称:我的(de)睡眠大(dà)法(fǎ)

     

    案例品牌(pái):Bilibili

     

    入睡习惯因人而异,入睡效率却(què)是很(hěn)多人烦恼(nǎo)的(de)问题(tí),bilibili为此推(tuī)出(chū)了助眠(mián)音乐系列,帮(bāng)助用(yòng)户入睡(shuì),用户在作品中整理自己的入睡习惯(guàn),同时获知助眠(mián)技巧(qiǎo)。

     

    情(qíng)景布置类作品(pǐn),用户(hù)在作品中选择选(xuǎn)择性别和入睡姿势,房(fáng)间风格,调整空调(diào)温(wēn)度,窗帘开关和灯光明暗,打开下方菜单(dān)给房间(jiān)添加卧室摆件,助眠工具,选择助眠音乐,还原自己入睡时的(de)样(yàng)子,生成海报(bào),海报(bào)上有音乐搜(sōu)索关键词和(hé)作品二(èr)维码。

     

    作品抓住了很多小细节,连空(kōng)调温度和眼罩正反戴(dài)法(fǎ)都(dōu)在选项(xiàng)之中(zhōng)。其余选项也包含得很齐全(quán),像台灯,床头柜等家居类(lèi)的都有好几种风格可以选择(zé),还有书籍,宠物,烫脚(jiǎo)盆,瑜伽(gā)垫,入睡音乐(lè)等,非常细心(xīn)的罗列(liè)了(le)各种睡眠技(jì)巧和习惯供(gòng)用户选择,非常细心和贴近生(shēng)活。可(kě)以选择电脑是(shì)否还在播放,内(nèi)容有罗翔老师说刑法,高数课堂(táng),非正式会(huì)谈等,贴合(hé)热点。


     H5案(àn)例(lì)

     

    DIY海报生成H5 


    案例名(míng)称24支“创变者”队伍已集结

     

    案例品(pǐn)牌:Tencent腾(téng)讯/LIGHT

     

    腾讯(xùn)公益挑(tiāo)战赛决赛投票H5活动(dòng),用户可以分别浏览三(sān)个(gè)赛道(dào)中前(qián)八名的作(zuò)品(pǐn),一共24个,了(le)解公益内容,为自己喜欢的(de)课题(tí)投(tóu)票,也(yě)可以生成(chéng)海报进(jìn)行拉票分享(xiǎng)。

     

    点击打开作品,查看标题和介绍后(hòu),在“儿童安全教育保护”,“素养赛道”,“生物多(duō)样(yàng)性保(bǎo)护/教(jiāo)育”三个赛道中选(xuǎn)择一(yī)个,每(měi)个赛道标题下都(dōu)有各(gè)自的简介,进(jìn)入作品集(jí)锦(jǐn)后,每个作品都有一张标注了得票(piào)数的主图(tú)和一(yī)段文(wén)字介绍(shào),包括作(zuò)品(pǐn)名称,队伍名字和作品简介(jiè),下方有投票和分(fèn)享触(chù)点,用户可点击投(tóu)票和生成海(hǎi)报。滑动屏幕查看下一作品,生成海报后也可返回继续浏览。

     

    浅(qiǎn)蓝色和白色的主色(sè),淡(dàn)淡的,让用户有(yǒu)耐心浏览文字(zì),了(le)解各个课题(tí)方案。操作(zuò)很简单,滑(huá)动(dòng)屏幕即可,即使已经生成了拉票海(hǎi)报,也可(kě)返(fǎn)回继(jì)续浏(liú)览自己感兴趣(qù)的课题,在达到投票目(mù)的的同时,将公益(yì)内(nèi)容(róng)最大(dà)范(fàn)围(wéi)的传播出去(qù),引发用户对(duì)保(bǎo)护(hù)儿童(tóng),提高社(shè)会素养和动植物保(bǎo)护(hù)的思考及共情。

     

    H5案例 


    投票H5 

     

    案例名(míng)称32分贝美好之旅

     

    案例品(pǐn)牌:网易(yì)云(yún)音乐×别(bié)克

     

    别克昂科威Plus宣传作品(pǐn)。将久居城市(shì)的(de)人们对(duì)静谧自(zì)然的(de)向往与(yǔ)车(chē)辆静音科技的卖点结合,打造绚丽(lì)喧(xuān)嚣的诗(shī)意画面感,引发(fā)人们的购买欲望。

     

    穿过洁白的层层薄云,来到目的地选择界面,备选(xuǎn)的有草原,山谷,雪山,海面和海底,用户选择一个自己喜欢的,点(diǎn)击开启32分贝美(měi)好之(zhī)旅(lǚ),进入(rù)相应自然环(huán)境,欣赏美景,美景后是星空景色(sè),镜头(tóu)下拉,一位男士正在车内透(tòu)过天(tiān)窗舒适慵(yōng)懒(lǎn)的瞭望(wàng)星空。最后,用(yòng)户可(kě)预约(yuē)试驾,登陆购买平台,或(huò)生成静音海报。

     

    整个作品运镜缓慢,画面干净(jìng)清透,直(zhí)白的展示自然(rán)界中的种种(zhǒng),没有城市(shì)嘈杂,静看一朵花开,一束阳光(guāng)照(zhào)来,一群鱼儿游动,那种纯粹(cuì)的美好让呼吸都顺畅(chàng)了,画面推(tuī)进得很缓慢,不(bú)急(jí)不躁,带领用户静(jìng)下心来欣赏。

     

    H5案例 

     

    汽车宣(xuān)传(chuán)H5 

     

    案例名称:赴约(yuē)夏日灵感(gǎn)好食光

     

    案例品牌:SamsClub山姆会员商店(diàn)X网易文创

     

    疫情时代,出(chū)门旅(lǚ)行成了奢望,身在家中,灵魂却(què)想(xiǎng)去(qù)品味各地美食,在作品中定制心意旅途,获(huò)取美味(wèi)推荐,心动了,就(jiù)登录山姆选购吧!

     

    在浪漫风(fēng)情(qíng)的插图中选择自己喜欢的景色,音乐,和美(měi)食(shí)口味,在集合了前几个选择的背(bèi)景中选择(zé)人物形(xíng)象和宠物,生成最后海报,点(diǎn)击触点,海报翻转(zhuǎn),出现推(tuī)荐的美食(shí),点击可跳转山姆超市。

     

    多(duō)彩的手绘(huì)插图,把旅途中的期待(dài)都做入图画中,生成满足个(gè)人爱好的最(zuì)终海报,精神上满足客户的旅行愿(yuàn)望。

     

    H5案例 

    答(dá)题测试H5 

     

    案例:测一测你的性格pH值

     

    品牌:网易(yì)文(wén)创(chuàng)/哒(dā)哒×Carlsberg

     

    网易文创/哒哒联合Carlsberg品(pǐn)牌(pái)推(tuī)出的创意H5作品,以“测一测你的性格pH值(zhí)”为主(zhǔ)题(tí),通过8道题,测试用户的性格pH值(zhí),过程和结尾都有Carlsberg啤酒植入,从而形成品牌曝光和最后的销售转化。

     

     

    共(gòng)8道测试题,每题(tí)3个选(xuǎn)项。题目关于:跳完《本X纲目(mù)》后的反应,下(xià)午醒来有老板3个未接电话(huà),周末更倾向于放松的方式,前(qián)任(rèn)突然在街角出现,你认为自(zì)己是哪种吃(chī)货,尴尬家庭聚餐时有人让你(nǐ)表演才艺,捡(jiǎn)到天上(shàng)飘(piāo)落的1000亿中奖彩票,成为了游(yóu)戏(xì)中全场的(de)MVP,从第(dì)2题开始,设(shè)置了“返回上题”按钮,答完后,进入输入姓名环节,点击“提交”,进入(rù)分析过程(chéng)动画,有试纸色带、文案和和进度条提示。


    H5案例 

     

    测试类H5 

     

    以上就是本(běn)期为大(dà)家(jiā)带来(lái)H5案例分享,感兴趣的朋友可以(yǐ)持续关注我们乐鱼和蓝橙(chéng)互动官网的新闻动态,或(huò)是关注(zhù)蓝(lán)橙互动官方微信公众号,我们会不定(dìng)时向大(dà)家分(fèn)享最新的优(yōu)秀(xiù)案(àn)例。

     

     

    相关阅读:《精选H5案例合集分(fèn)享-26期(qī)



    联系QQ:2899301896

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

    乐鱼

    乐鱼