开云手机站登录入口-开云online(中国)


  • H5游戏制作
    H5游戏制作(zuò)
    H5游戏制作
    H5案例
    H5开(kāi)发
    扫(sǎo)一扫
    h5定制
    h5定(dìng)制

    回到(dào)顶(dǐng)部

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

    H5案(àn)例(lì) 2022年05月09日

    随着H5营销(xiāo)活动的流行,越来越多人(rén)了解到通过H5进行宣传的(de)优势所在,因此(cǐ)不光是品牌营销宣(xuān)传,许多其他需要广泛(fàn)宣传(chuán)的活动都开始通过H5来(lái)进行(háng)。开云手机站登录入口和蓝橙互(hù)动(dòng)精选H5案(àn)例合(hé)集分享第21期,就给(gěi)大家(jiā)分享一(yī)下(xià)应用于各类场景的H5案例,一起来体(tǐ)验一下吧。

     

    案例名称:这(zhè)是一个来自2060年的金典艺术画(huà)展

     

    案例(lì)品牌:金典

     

    金典牛奶以(yǐ)未来绿色低碳生活为(wéi)主题,展开绘画竞选活动(dòng),用户浏览(lǎn)30多位已(yǐ)过初筛的(de)画作,感受不同人(rén)心(xīn)目(mù)中的未(wèi)来美好世界,为自己喜欢的(de)画(huà)作投稿,深植绿(lǜ)色(sè)理念,优化品牌形象。

     

    按照(zhào)闪烁的触点(diǎn)提示,来(lái)到画展,横屏观看,左侧是作者和画作(zuò)简(jiǎn)介(jiè),右侧是作品(pǐn)和当(dāng)前票数,可点击后放大观(guān)看,右划屏幕切换作(zuò)品(pǐn)。用户可随时点击投票。

     

    环保方(fāng)面的(de)倡导(dǎo)越来越被重视(shì),此次活动激发参展者(zhě)创作(zuò)欲望(wàng),绿色环保色(sè)的背景,画作的(de)颜色很(hěn)丰富,主题鲜明,随(suí)着(zhe)画作(zuò)的(de)切换(huàn)不断带给用(yòng)户新(xīn)鲜感,也很期待下一副的(de)画作呈现(xiàn),加(jiā)上较为详(xiáng)细的简介,让用户(hù)感受作品背后的理念。

     

    H5案例 

     

    长图滑动H5 

     

    案例名(míng)称:跟着阿猫去流浪

     

    案例品牌:我是创益(yì)人X腾讯公益X腾讯SSV X 腾(téng)讯(xùn)广告(gào) X CDC

     

    一(yī)只流浪猫要经过多少(shǎo)生死(sǐ)攸关的艰难险阻才能拥有一个温暖(nuǎn)的家(jiā)?一(yī)起进入作(zuò)品,用第一(yī)视角,度过流浪猫惊险的一天(tiān)。

     

    作品以第一视角(jiǎo)呈现,上方(fāng)有命数,九条命,死一次减一条(tiáo),还(hái)有饱(bǎo)腹值和体(tǐ)温(wēn)值的血条。“你”睁开眼(yǎn)睛,字(zì)幕显示是(shì)被饿醒,开始(shǐ)寻找(zhǎo)食物的探险之路,路(lù)上(shàng)会遇(yù)到很多选择,是否吃死老鼠,是否偷吃(chī)别人(rén)捞(lāo)的鱼(yú),是否靠近(jìn)投食人,等等,每(měi)次选择错误就会当场命陨,跳转(zhuǎn)到流浪猫的死因介(jiè)绍后,来到带(dài)着天使光圈的(de)最后(hòu)界(jiè)面(miàn),用户浏览保护流浪猫(māo)的倡议,选择复活或捐款。复活后命数减一(yī)条,继(jì)续重重关卡,最后,“你”在血条即将耗尽之际被(bèi)一对(duì)情侣收养,跳(tiào)转(zhuǎn)至卧在猫(māo)窝里的界面,有阐述语和捐(juān)款链接。

     

    以(yǐ)第一视角带领用(yòng)户进入情景,沉浸式的(de)体验,实景的(de)城市,让(ràng)用户更加理(lǐ)解(jiě)流浪猫每天的提心吊胆,要(yào)靠九条命才(cái)能活下去。详细表现流浪猫许多不为人知的(de)死因(yīn),每(měi)次做错选择(zé)走向死亡的(de)呻吟和(hé)惨叫都(dōu)让人心疼不(bú)已,激发用户保护(hù)欲。

     

    H5案(àn)例 

     

    视频类H5 

     

    案例名称WayFinder

     

    案例品牌:NFB

     

    这是加拿大(dà)NFB推出(chū)的一款叫做WayFinder的3D场景H5,通过让用户搜寻和收集场景中的线索,线索集(jí)结成一首诗。

     

    在唯美的画面中,用户进入游戏。可以点击+拖动人偶,四处(chù)探索(suǒ),在不同的场(chǎng)景中,寻找亮起的线索,然后按(àn)线索(suǒ)的轨迹拖动(dòng)人偶,即获得该处的句子。场景中有若(ruò)干细节、动效,都很细致、唯美,拖动人偶一直(zhí)探索,就会得到越(yuè)来越多的线索(suǒ)。

     

    H5案例 

     

    3D场景H5 

     

    案(àn)例(lì)名(míng)称:你有一条美好乐评待解锁

     

    案例品牌:WeBank微众银行X网(wǎng)易云音(yīn)乐

     

    人类的悲观有时也(yě)是相(xiàng)通的,在网易云(yún)音乐,就有许(xǔ)多温暖人心的(de)音乐评价(jià),它们也许就是黑暗中打开心门(mén)的钥(yào)匙,作品带用户一起回顾2021的心碎瞬间,在治愈系评(píng)论中点亮世(shì)界,带着祝福,一(yī)起(qǐ)走向美好的2022。

     

    打开作品(pǐn),浏览对去年的总结,输入名字(zì),进入互动,先是情(qíng)绪低落的生活(huó)瞬(shùn)间,点击发光的(de)触(chù)点,画面被点亮,画中的小人(rén)儿也(yě)峰回(huí)路(lù)转,找到(dào)生(shēng)活的明亮走向,比如(rú)失业的找到工作,下夜班后有司机师傅帮忙照亮道路等等,最后选择六个愿望,生(shēng)成(chéng)祝福海(hǎi)报。

     

    点击评论亮点,让故事反(fǎn)转,选择的故(gù)事(shì)核心有事业,爱情,情绪,孤独等(děng),是大多(duō)数(shù)当下人都有的(de)痛点,能(néng)触动用(yòng)户的内(nèi)心情绪,围绕着主人翁的许(xǔ)多(duō)思(sī)绪描述也一如悲观时候的我们,很(hěn)能激发共情。

     

    H5案例 

     

    年(nián)度账(zhàng)单H5 

     

    案例名称:唤醒你的冠军DNA

     

    案例品(pǐn)牌:梦幻(huàn)西游X网易文创(chuàng)/哒哒

     

    冬奥会让大家热血沸腾(téng),每一次的夺冠瞬间都让人激动不已(yǐ),其实你也有冠军潜质喔!哪个项目的(de)冠(guàn)军呢?快(kuài)测一下(xià)!

     

    输入(rù)名字(zì),根据题目(mù)预设的场景(jǐng)选择(zé)答(dá)案,包括赛前状态,最(zuì)令自己兴奋的声音,喜欢的应援色,冠军(jun1)冲击策略,认为取得好(hǎo)成(chéng)绩的最重要因素(sù),答(dá)题完毕(bì)生成海报,包括有(yǒu)冠军(jun1)潜质的(de)项目,对(duì)应的冠(guàn)军图(tú)(以本次(cì)冬奥会夺冠选手为原型),用户的潜在技能分析。

     

    紧跟热门主题,蓝(lán)色为主的(de)冰雪色,身着赛服的(de)卡(kǎ)通人物,带(dài)用户进入比赛(sài)情景,圆自己的冠军梦。

     

    H5案例 

     

    答题测试H5 

     

    案例名称:你的(de)人生是一本什么书?

     

    案(àn)例(lì)品牌:喜马拉雅(yǎ)

     

    人们对(duì)自(zì)己的性格(gé)探索解析一直是(shì)很有兴趣的,喜马(mǎ)拉雅在423听书(shū)节(jiē)推(tuī)出本作品,通过对回忆和预设场景的选(xuǎn)择(zé),以书(shū)名的形式生成(chéng)个人(rén)性格解析海报,结(jié)合(hé)喜马拉雅的听书功能,迎合用户(hù)兴趣点的(de)同时,提醒用户可以登陆平(píng)台收听更多书籍(jí),寻(xún)找(zhǎo)心灵慰藉。

     

    五个问题,包(bāo)括(kuò)童年的颜色,收(shōu)听旋律选段(duàn)的(de)感觉,理想的生活状态(tài),希望(wàng)收(shōu)到的书(shū)的书名(míng),喜欢的序言,点击符合自己心意的答案即可,输入名字,生成结果海(hǎi)报,包括书名(míng),主图,导语,听书节标题(tí),书名也可自(zì)行(háng)编(biān)辑,用户可(kě)分享作品和(hé)点击领取(qǔ)福利(lì)。

     

    每页一个背景图,画风温馨童趣,内容与相应页主题相(xiàng)关,富有想象力,用单纯的画面引发用户美好的感觉,做(zuò)出答案选择(zé)。暖(nuǎn)色系为主(zhǔ),治愈(yù)系,让用户在宽松的心(xīn)灵氛围中享受解(jiě)析过(guò)程,找(zhǎo)到属于自己(jǐ)的答案。

     

    H5案例 

     

    答题测试H5 

     

    以上就(jiù)是本期为大家带来H5案例分(fèn)享,感兴(xìng)趣的(de)朋友可以(yǐ)持续关注(zhù)我们开云手机站登录入口和蓝橙互动官网的新闻动(dòng)态,或是关注开云手机站登录入口和蓝橙互动官方微信公众号,我们(men)会不定时向大(dà)家分享最新的优(yōu)秀案例。

     

     

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



    联(lián)系QQ:2899301896

    蓝(lán)橙(chéng)互动·致(zhì)力于为企业提(tí)供更高效的开发(fā)服(fú)务

    开云手机站登录入口-开云online(中国)

    开云手机站登录入口-开云online(中国)