开云(中国)Kaiyun







    H5游戏制(zhì)作
    H5游(yóu)戏制作
    H5游戏制作
    H5案(àn)例
    H5开发
    扫一(yī)扫(sǎo)
    h5定(dìng)制
    h5定制

    回到(dào)顶部

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

    H5案例(lì) 2021年(nián)11月(yuè)19日

    品牌推(tuī)广、企业文化宣传、产(chǎn)品营销(xiāo),H5互动(dòng)游戏(xì)能够应用于多种(zhǒng)宣传场合,提升(shēng)品牌和产品的(de)知名度,带(dài)来更多用(yòng)户流量。开云和蓝橙互(hù)动精选H5案例合(hé)集(jí)分(fèn)享-10期,就给大家分享一(yī)下应用于各种(zhǒng)场景(jǐng)的H5案例(lì)。

     

    案(àn)例名称(chēng):来,拆开你的休假(jiǎ)盲盒(hé)!

     

    案例品牌:网易文创X哒哒

     

    拆盲盒是一件超级开(kāi)心且解压的(de)事情,假期更是令(lìng)人向往的体(tǐ)验,如(rú)果假期被打(dǎ)包成了盲盒(hé),会有怎样不一样的惊喜呢(ne)?快来一起试试吧!

     

    打开(kāi)作品(pǐn),输入名字,跳(tiào)转至选择(zé)页面,在给出的图标中点击(jī)自己喜(xǐ)欢的,图标会(huì)翻开成(chéng)中英文单词,可选数量不(bú)限制,选好后(hòu)点击下(xià)方触点(diǎn),即可生(shēng)成(chéng)海(hǎi)报,也(yě)可不做选择直接(jiē)随(suí)机(jī)生成,海报包括(kuò)用户打开(kāi)作(zuò)品时的(de)日期与时间,休假方式(shì),主图和标语。

     

    颜色饱满的画面效果,感觉很随意的浓郁配色,烘托假期氛(fēn)围。手绘的小(xiǎo)图标(biāo)简单(dān)可(kě)爱,翻过来(lái)中英文对照的单词字(zì)体很粗,白底黑字,用(yòng)户可以(yǐ)很清晰的看出(chū)自己的已选(xuǎn)项。

     

     H5案(àn)例

     

     H5案例

     

    案(àn)例名称:链家20周年生日(rì)快乐

     

    案例品牌:链家

     

    链家房产自(zì)成(chéng)立之日(rì)起至今已走过20年历程,本作品逐年回顾了链家的步(bù)步发展,总结(jié)成绩,祝福链家。

     

    点击(jī)进入时(shí)间线,下方是年份轴,右滑屏幕查看每年(nián)的代表图,总结语,聆听(tīng)画外音。总结语和(hé)代(dài)表图是这一年的主要(yào)事件,画外(wài)音是阐述当(dāng)年的发展(zhǎn)成绩,相关重要事件,从在北京成立时的小小一间,秉(bǐng)承不虚假宣传,求真求实的理念,一步步发展壮大,资金托管业务成(chéng)立,快速发展,建立希望小学,成立(lì)链家在线(xiàn),完善培训系(xì)统(tǒng),与IBM战略(luè)合作,推进真实房源(yuán),提高职工本科率,布局全国业务,成立党委等等,直至最后上市,生日快乐(lè)海报后,用户(hù)可上传自(zì)己的照片,选择入职年份,生成链(liàn)家(jiā)海报(bào)。

     

     H5案例

     

     H5案(àn)例

     

    案例:快来(lái)领养你的宠物伴侣

     

    品牌:网易(yì)文(wén)创(chuàng)X哒哒

     

    养一只宠物是许(xǔ)多人(rén)都会选择的生活方式,网易文创用轻松跳跃(yuè)的测(cè)试(shì),总结用户的性格(gé)和天赋。

     

    一只黄色的(de)笑脸(liǎn)小球串联整个H5测试游戏,带领用户来到不同场景,回答不同问题,用户(hù)点击符合(hé)自(zì)己心意的答(dá)案即可,包括听(tīng)到楼下花瓶破碎(suì)声音的反应,喜(xǐ)欢的场景,听到(dào)“金黄(huáng)色”这个词(cí)的第一反应,看(kàn)到(dào)桌子上的花,接到许久未曾联(lián)系的人的电话会有什么想(xiǎng)法,冰箱摆放方式,最后点选喜欢的冰箱贴,生成海报,包括宠物主(zhǔ)图,宠(chǒng)物眼中的用户,以及用户天赋。

     

    简(jiǎn)单的线条(tiáo)绘制(zhì),只有重要部分做了涂色,涂色部分在(zài)黑白线条的环境下很明显,色彩使用(yòng)了很多撞色,看起来明艳,又有活泼跳跃的感觉。

     

     H5案(àn)例

     

     H5案例(lì)

     

    案例:测测(cè)你的前世是什(shí)么神兽

     

    品牌:MITATA X 大(dà)英博(bó)物馆

     

    古(gǔ)埃及(jí)金字塔一直(zhí)都(dōu)是极其神秘且(qiě)富有神(shén)奇色彩的存在,跟随作品在假(jiǎ)设的情境(jìng)中探秘金(jīn)字塔,感受未(wèi)知氛围,测试(shì)自身(shēn)性格,了解MITATA美瞳和大英博物馆联合(hé)推出的系列美瞳(tóng)。

     

    点击开始测(cè)试,回答选择题,画(huà)面会给出(chū)与(yǔ)用户(hù)选择相符的(de)动态效果然后进入下一题,题(tí)目(mù)包括金(jīn)字塔的守卫(wèi),进入后遇(yù)到的神秘人(rén),宝(bǎo)盒里的宝物,得(dé)到的超能力,将超能力用在谁身上(shàng),输入名(míng)字生成结(jié)果海报,包括测试结果,神兽(shòu)的名字和画像(xiàng),推荐的美瞳颜色照片,以及跳(tiào)转触点(diǎn)。

     

     H5案例

     

     H5案例(lì)

     

    案例:2003-2019湖南仁孚奔驰十六周(zhōu)年

     

    品牌:湖南仁孚奔驰

     

    湖南仁孚奔驰中心回(huí)顾自(zì)身发展(zhǎn)历(lì)程的作品,16年5550天,从成立到取(qǔ)得认可,到逐年壮(zhuàng)大。表达骄傲之情,提高用户信赖程(chéng)度,吸引用户抽取(qǔ)礼包(bāo),增加客(kè)流。

     

    右滑屏幕浏览作品,下方有(yǒu)以时(shí)间意味着什么为主题的字(zì)幕,主要内(nèi)容有(yǒu)南(nán)孚奔驰销售中心2003年在长沙芙蓉路成立,第一批销售顾问认(rèn)证,2008年树立标准,2010年smart入驻,成为湖南省诚信企业(yè),2015年(nián)迈巴赫授权体验中心亮相,G级车体验中心成立,客户(hù)过30000,最后的落地海报界面(miàn)用户可分享作品和参与礼(lǐ)包抽取。

     

     H5案例

     H5案例

     

    案例:史上(shàng)最难考卷

     

    品牌:新(xīn)华社客户端

     

    中国共产党建(jiàn)党一百周年之际,作品分历史阶段(duàn)总(zǒng)结党的奋斗历程和(hé)功绩,在作(zuò)品(pǐn)中我们能看到党在不同阶段作出的艰难且准确的(de)抉择(zé),也能看到祖国一步步(bù)的(de)发展强大。

     

    一条金色大道出现,文字(zì)搭配画面在(zài)大道(dào)上由远及(jí)近的呈现(xiàn),有封面式的阶(jiē)段图先(xiān)出现,再出现(xiàn)具体内(nèi)容。民(mín)族危机之(zhī)际中国共产党成立,推翻三座大山,新中国(guó)成(chéng)立。新中(zhōng)国阶段,抗美援(yuán)朝,开发大庆油田,“两(liǎng)弹一星”研制成功。历史转折阶段,十一届三中(zhōng)全会召开,港澳回归,加入世(shì)贸(mào),北京奥(ào)运(yùn)。新时代,中(zhōng)国梦的(de)提出,从严治党(dǎng),强军兴军(jun1),建设美丽(lì)中国,科(kē)技突破(pò),人民至上,北京(jīng)冬奥,一带一路。最后是习近(jìn)平总书记的讲话声和落款(kuǎn)海(hǎi)报(bào),包括用户(hù)评语和文(wén)字性(xìng)主(zhǔ)图。

     

    H5案(àn)例 

     

    H5案例 

     

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

     

     

    相关阅读(dú):《精选H5案例合集分享-09



    联系(xì)QQ:2899301896

    开云和蓝橙互动(dòng)·致(zhì)力于为企业提供更高效的开发服务

    开云(中国)Kaiyun

    开云(中国)Kaiyun