完美







      H5游戏制作
      H5游戏制作(zuò)
      H5游戏制作
      H5案例
      H5开发
      扫一(yī)扫
      h5定制
      h5定制

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

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

      H5案例 2022年07月07日

      即使是不借助(zhù)节日、新闻等热点,各大商家还是能够从不同角度挖掘(jué)活动主题(tí),打造出品牌专属的(de)H5营销活动(dòng),甚至在H5活动(dòng)设计(jì)上还更(gèng)为灵活(huó)。完美和蓝橙互(hù)动(dòng)精选(xuǎn)H5案例第26期,就给大家分(fèn)享一下(xià)近期的(de)创意(yì)H5营销活动(dòng)案例。

       

      案例名称:公仔神曲K歌赢红包

       

      案例品牌:公仔面

       

      公仔面推出的实体商品与顾客线上(shàng)互动创意H5,通(tōng)过扫(sǎo)描(miáo)购(gòu)买的公仔面杯盖背面的二维码,进行参与互动,抽取红包。使用户玩着记住品(pǐn)牌,抽着红包产生复购。

       

      与(yǔ)麦兜K歌赢红包——公仔神曲KTV,点击“开始K歌”按钮,进入视频页部分(fèn)一共有(yǒu)两个版(bǎn)本的“公仔面好好吃”视频,用户可(kě)以通过点击“国语视频”和“粤语(yǔ)视频”两个按钮来切(qiē)换版本,两个(gè)视频用国(guó)语(yǔ)和(hé)粤语唱“公仔面好好吃(chī)”的歌曲,点击“确认”按钮,进入录(lù)音(yīn)页根据录音质量,会给出一张荣誉海报,可以长按保存到相册。

       

      H5案例 

       

      K歌H5 

       

      案(àn)例名称Royal Salute Experience

       

      案(àn)例(lì)品牌:Royal Salute

       

      Royal Salute(皇家礼炮)品牌宣传(chuán)酒类产品的H5,以360°浏览一座私人俱乐(lè)部,观看俱(jù)乐部(bù)内景的同时,了解Royal Salute这个品牌的酒,体(tǐ)现品牌的(de)格调(diào)。

       

      进入案例(lì)后,点击诚邀探索按钮(niǔ),进入私人俱乐部(很欧式(shì)的一座庄(zhuāng)园),进入俱乐部后,是(shì)3个平面的展台;每(měi)个展(zhǎn)台一(yī)个主题,分别是(shì):秘(mì)密酒吧、俱乐部画廊、王国酒(jiǔ)窖(jiào);点击展台进入对应主题的(de)全景在每(měi)个主题的全景(jǐng)画面中,可以360°浏览房(fáng)间,房间里面(miàn)有+号的位置,可以点击(jī);有的是对应酒的介绍,有纯文字(zì)、图片、或者视频;也有对应酒的(de)购(gòu)买链接

       

      以最真实(shí)的画面(miàn),模拟私人俱乐部全景的方式,体验酒类(lèi)产品;利用私人(rén)俱乐部,巧(qiǎo)妙的将品牌格调赋予其中。

       

      H5案例 

       

      品牌宣传(chuán)H5 

       

      案(àn)例名(míng)称Beauty Blooms

       

      案例品牌:Moooi

       

      荷(hé)兰家居Moooi品牌宣传H5,让(ràng)自己(jǐ)沉浸在梦幻般的Moooi数(shù)字景(jǐng)观中,庆祝由Andrés Reisinger和(hé)Julia Esqué设计(jì)的新型Hortensia扶手椅的推出。

       

      进入案例是(shì)案例(lì)的(de)主题“美(měi)丽(lì)绽放”,用户不断滑动中,一朵花(huā)瓣飘落,落入Hortensia扶手椅(yǐ)依次一镜到底的方式展示4件商品,将商品融入数(shù)字景观,滑动过程(chéng)中,右下方有商品的购买链接最后是所(suǒ)有刚刚(gāng)展示商品的横向列表,点击(jī)后进入商品详情页;整体每件商品有2个展(zhǎn)示,一次(cì)是滑(huá)动过程中,另一次是案例结(jié)尾(wěi)横向列表位置。

       

      深色调配合Hortensia扶手椅(yǐ)的颜色(sè),以Hortensia扶(fú)手椅(yǐ)的(de)花瓣贯(guàn)穿案例;整体感(gǎn)觉既有艺术感,又有商品(pǐn)的介绍,商(shāng)品展示很自然。

       

      h5案例(lì) 

       

      3D全景(jǐng)H5 

       

      案例名称:拂去尘埃,在壁画里聆听历史(shǐ)深(shēn)处的(de)回响

       

      案例品牌:王者荣耀X敦煌研究院

       

      主(zhǔ)题(tí)页是一句敦煌守护语,点击进入互动,左右滑动屏幕,选择一副壁画(huà),壁画下侧(cè)有(yǒu)所属编号,选择好后,进入(rù)全屏壁画界面,依照光标指示点击右侧工具,王者(zhě)荣耀里的(de)人物会手持工(gōng)具修复壁画,一边修复一边普及(jí)修复要点和注意事项,最后(hòu)生(shēng)成修复海报,包括(kuò)壁画照片和人物导语(yǔ),用(yòng)户可点击继续修复其他壁(bì)画或(huò)保存图片。

       

      平日(rì)里接(jiē)触(chù)不到(dào)的文物修复工作,在作品中可(kě)以代入式感受一下,增加文化传播的趣(qù)味(wèi)性(xìng),用王(wáng)者荣耀人物进行(háng)修复,拉近用户亲近(jìn)感,没有玩过游戏的也可以对其中的人(rén)物造型有一个大概的了解,吸引用户加入(rù)游戏(xì)。

       

      h5案例 

       

      博物馆H5 

       

      案例名称:我的青春卡片

       

      案例(lì)品牌(pái):人民日(rì)报/客户端X网(wǎng)易文(wén)创/哒哒

       

      一(yī)款自我认知与他人印象的互动型作(zuò)品,可以(yǐ)知道别人(rén)眼中自己的(de)样(yàng)子,用户选择自己的(de)性(xìng)格(gé)标(biāo)签,生成海(hǎi)报分(fèn)享给好(hǎo)朋友,让好朋友也(yě)给予(yǔ)评价,在好奇心的满足中感受友(yǒu)谊的快乐。

       

      打(dǎ)开作品后,先(xiān)是一(yī)小段导入(rù)动画,用动画气泡的(de)方式,展现(xiàn)生活中的场景,做核酸,看电视,运动(dòng),思考,工作等,来到评价界面,上(shàng)滑屏幕查看(kàn)标签气泡,选(xuǎn)择(zé)三个最符合自己个性(xìng)的,生(shēng)成海报,分享给朋友后,朋友(yǒu)可以看到用户对(duì)自身的评价标签,然(rán)后加入评价(jià)队伍。用户打开作品(pǐn)可以看到朋(péng)友(yǒu)们的评价列表和(hé)标签数(shù)量(liàng)累积。

       

      接到作品链(liàn)接的用户,可以先评(píng)价别人(rén),再(zài)给自己选择标签,可以查看(kàn)别人的(de)评价列表,也可以看到自己(jǐ)被评价的标签累积,作品是多向(xiàng)传播(bō)的(de),非常灵活,让(ràng)用户双向参与自我评价和评价他人(rén),激发参与热情和传播兴(xìng)趣(qù)。

       

      h5案(àn)例(lì) 


      H5案例 

       

      案例名称:百(bǎi)万旅游人 [2022旅•遇]

       

      案例品牌:中(zhōng)国旅游日(rì)X央视财经X腾讯地图

       

      疫(yì)情结束后(hòu),你想去哪里旅游(yóu),来(lái)制定旅游计(jì)划吧!用(yòng)户有导游和游客两(liǎng)种(zhǒng)身份可选,选择发(fā)型,着装,和配(pèi)饰(shì)后,选择想去的城(chéng)市,然(rán)后在图片显示模式中(zhōng)选择(zé)景点,生成旅(lǚ)行海报,海(hǎi)报包括形象和景点的合成图,作品累积使用人(rén)数,全国累计公里数,作品二(èr)维码和出品方。

       

      手绘图,很简单的形象设计,用发型决定(dìng)男女,然后(hòu)选择服装。装饰品有(yǒu)所区别(bié),导游的装饰里有扩音器(qì),工作证,小(xiǎo)旗(qí)子(zǐ)等物品,游客则是耳机,旅行箱,自拍杆等,符合现(xiàn)实。

       

      H5案(àn)例 

       

      DIY海报生成H5 

       

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

       

       

      相关阅读:《精选(xuǎn)H5案例合集分享-25



      联系QQ:2899301896

      完美和蓝橙互动·致力于(yú)为(wéi)企业提供(gòng)更高效的开发服务

      完美

      完美