完美

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

    回到顶部

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

    H5案例 2022年07月08日

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

     

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

     

    案例·品牌:中国农业银(yín)行

     

    中(zhōng)国农业银行献给毕业(yè)生的(de)作品,回顾(gù)的(de)是(shì)毕(bì)业后奔赴社会的路程,表达的是追求内心向往的情怀。

     

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

     

    H5案(àn)例 

     

    测试类(lèi)H5 

     

    案例名称:我(wǒ)的(de)睡眠(mián)大(dà)法

     

    案(àn)例品牌:Bilibili

     

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

     

    情景布(bù)置类作品(pǐn),用户在作品中选择选择性别(bié)和入(rù)睡姿势,房间风格(gé),调(diào)整空调温度(dù),窗(chuāng)帘开(kāi)关和灯光明(míng)暗,打开(kāi)下方菜单给房间添(tiān)加卧(wò)室(shì)摆件,助眠工具(jù),选择助眠音乐,还原自己入睡(shuì)时的样子(zǐ),生成(chéng)海报,海报(bào)上有音(yīn)乐搜索关键词和作品(pǐn)二(èr)维码。

     

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


     H5案例

     

    DIY海报生成H5 


    案例名(míng)称24支(zhī)“创变者”队伍已(yǐ)集结(jié)

     

    案例品牌:Tencent腾讯/LIGHT

     

    腾讯公益(yì)挑(tiāo)战赛决赛投票H5活动,用(yòng)户可以分(fèn)别浏览三个(gè)赛道中(zhōng)前八名的作品,一共(gòng)24个,了解公益内容,为(wéi)自己喜欢的课题投票,也(yě)可以生成海报进(jìn)行拉票分享。

     

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

     

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

     

    H5案(àn)例 


    投票H5 

     

    案例名称32分贝(bèi)美好之旅

     

    案例品牌:网易云音乐×别(bié)克(kè)

     

    别(bié)克昂科威Plus宣传(chuán)作品。将久居城市的人们对静谧(mì)自然的向往与车(chē)辆静音(yīn)科(kē)技的卖点(diǎn)结(jié)合,打造绚丽喧(xuān)嚣的诗意画面(miàn)感(gǎn),引发人们的购买欲望(wàng)。

     

    穿过洁白的层层(céng)薄云,来到目的地选择界面,备选的有草原,山谷,雪山,海(hǎi)面和海底,用户(hù)选择一个自己喜欢的,点击开启32分贝美好之旅,进入相应自然环境,欣赏美景,美景后是星空景色,镜头下拉,一位男士正在车内透过天窗舒(shū)适慵(yōng)懒的瞭望星空。最后,用户(hù)可预约(yuē)试驾,登(dēng)陆购买平台,或生成静音海报。

     

    整个(gè)作品运镜缓(huǎn)慢,画面干净清(qīng)透(tòu),直白的(de)展示自然(rán)界中的种种,没(méi)有城市嘈杂,静看(kàn)一朵花开,一束阳光照来,一群鱼(yú)儿游动,那(nà)种纯粹的美好让(ràng)呼吸都顺(shùn)畅了,画面推进得很缓慢,不(bú)急不躁,带领用户(hù)静下心来欣赏(shǎng)。

     

    H5案例 

     

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

     

    案例名称(chēng):赴(fù)约夏日灵感好食光

     

    案例品牌(pái):SamsClub山姆会员商(shāng)店X网易文创

     

    疫情时代,出门旅行成了奢望,身在家中,灵(líng)魂(hún)却想去品味各地美食(shí),在作品中定制心意旅(lǚ)途,获取美(měi)味推(tuī)荐,心动了,就登录山姆选购吧!

     

    在浪漫风情的(de)插图中选择自己喜欢的景色,音乐,和美食口味(wèi),在集合了前几(jǐ)个选择的背景中(zhōng)选择人物(wù)形象和宠(chǒng)物,生成最(zuì)后海报,点击触点(diǎn),海报(bào)翻转,出现推荐的美食,点击可跳转(zhuǎn)山(shān)姆超市。

     

    多彩的手(shǒu)绘插图(tú),把(bǎ)旅途中的期待都做(zuò)入(rù)图画中,生成满足个人(rén)爱好的最终(zhōng)海报,精神上满足(zú)客户的(de)旅行愿(yuàn)望。

     

    H5案例(lì) 

    答题测试(shì)H5 

     

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

     

    品牌:网易文创/哒哒×Carlsberg

     

    网易文创/哒哒联合Carlsberg品牌推出的创意H5作品(pǐn),以“测(cè)一(yī)测你的性(xìng)格pH值”为主(zhǔ)题,通过8道题,测(cè)试用户的性格pH值,过(guò)程和结尾都(dōu)有(yǒu)Carlsberg啤酒植入,从而形成品(pǐn)牌曝(pù)光和(hé)最后的销售转化。

     

     

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


    H5案例 

     

    测试类H5 

     

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

     

     

    相(xiàng)关阅读:《精选H5案例合(hé)集分享-26期(qī)



    联系QQ:2899301896

    完美和蓝橙互(hù)动·致力于为(wéi)企业提供更高(gāo)效的开发服务

    完美

    完美