万象城在线登录-万象城(中国)






H5游戏制作
H5游戏制(zhì)作
H5游戏制作
H5案例
H5开发
扫一扫
h5定制
h5定制

回(huí)到(dào)顶部

精(jīng)选H5案例合集分享-48期

H5案例 2023年(nián)02月08日

春节过后,人们的工作回归(guī)正轨,各(gè)大(dà)品(pǐn)牌的营销活动也(yě)逐渐回归日常(cháng),活动中的春节、过年等元素(sù)少了许多。万象城在线登录和蓝橙互动精选(xuǎn)H5案(àn)例合集48期,就给(gěi)大家分享一下今年这些常规H5营(yíng)销活(huó)动,一起来体验一下吧。

 

案例:伯乐(lè)找马,马到成功


品牌:雅兰床垫

 

雅兰围(wéi)绕春节氛(fēn)围(wéi),结合“伯乐找马,马到成功”的主题(tí)和六骏形象,设(shè)置的游(yóu)戏集彩(cǎi)头的形式,进行新(xīn)品宣(xuān)传,送出新年(nián)祝福。通过游戏互动+奖品刺激的方(fāng)式吸引用户参(cān)与裂(liè)变,增加用户(hù)粘性(xìng),达到品牌(pái)曝光。

 

进(jìn)入H5游戏,在(zài)长图中滑动,点击屏幕(mù)找(zhǎo)到六匹马,其中(zhōng)有四匹马在点(diǎn)击后可(kě)直接(jiē)获得,有两匹马要完成游戏(xì)互动才可以获得。游(yóu)戏一为猜位置,一共有三张卡牌(pái),所寻找的(de)马就在其中一张卡牌上(shàng),用户记(jì)忆卡牌的位置,然后卡牌进行(háng)随机交换,最后找到卡牌的位置(zhì)即可(kě)。游戏二为跑酷游戏,点击(jī)品名控制马在床垫上跳跃,不跌落床垫并抵达终(zhōng)点即可过关。

 

H5案例


长图滑动(dòng)H5


案(àn)例(lì):云端之上(shàng)


品牌(pái):安徽文明网

 

这是由安徽新媒体集团文明皖风工作室重磅推出大型国风互动(dòng)H5。选取“云”作为点睛(jīng)之笔,将(jiāng)“中(zhōng)国好人(rén)”故(gù)事(shì)与(yǔ)大美黄山IP互动融(róng)合(hé),立足(zú)“高海拔”之上,沉浸(jìn)式(shì)感受崇德(dé)向善的精神与力量。

 

H5通过讲述黄山放绳工(gōng)李培生(shēng)和守松人胡晓春的故事,他(tā)们日(rì)复一日呵护着千年迎客松,用心用情守护美丽的黄山,把普通人在普通岗位,几十年如一日地干出不普通的工作,来弘扬社会主(zhǔ)义的(de)价值观。采用(yòng)国风(fēng)漫画方(fāng)式,让故事(shì)「活」了起来,有动效(xiào),有交互,让用户沉浸在故事细节中,沉(chén)浸在大美(měi)河山中,沉浸在敬岗爱业的精神中。交互(hù)方式(shì)主要采用点击的方式,降低了交互难度,让用户更(gèng)容易关注视觉和内容本(běn)身。

 

H5案例


漫画类H5


案(àn)例(lì):一个奶(nǎi)盒的(de)五行之旅


品牌:伊利(lì)

 

伊利为宣(xuān)传(chuán)纸(zhǐ)盒回收(shōu)计(jì)划推出的环保主题作品,将伊利牛(niú)奶(nǎi)包装(zhuāng)盒的资源回收再利用技术与传(chuán)统五行结合,让(ràng)用户了(le)解(jiě)牛奶盒是怎样变成生活用品的,宣传传统文化,以及伊利集团保护环境的(de)品牌理念和社会责任感(gǎn),加强用户对品牌的好感(gǎn)。

 

进入H5页面(miàn),下滑屏幕浏览内容,五个年轻(qīng)人身着传统练功服,代表“金”“木”“水”“火”“土”,用户点击(jī)人物,即可查看在资源回收(shōu)再制造过程中运用到(dào)的(de)对应技术介绍。H5背景是传统国画(huà)风格,浓郁(yù)饱满,颜色与内容也与五行的主(zhǔ)题(tí)对(duì)应(yīng),大红色的“火”,绿(lǜ)色(sè)的“木”,蓝色的“水”,结合人物体态精壮动作飘逸的展示图,将中国文化的刚柔并(bìng)济(jì)表现出来,带给(gěi)用户视觉上的美感。

 

H5案例(lì)


H5案例


案例:年度数码好物评选(xuǎn)


品牌(pái):网(wǎng)易新闻

 

网易新闻数码(mǎ)频道推(tuī)出的2022年度数码好物评选清单H5活动。通过捏气泡的方式,排除掉不喜欢的数码产品(pǐn),生成剩余数码产品的好物清单(dān)海(hǎi)报,形成裂变(biàn)和(hé)传播。

 

进入(rù)清单页面,有上下左右拖动的引导提示,点击(jī)后,提示消失。好物气泡共45个,点击气泡,气泡被刺破,剩余的(de)件数(shù)和清单可以(yǐ)点击底部的按钮(niǔ)查看,点(diǎn)击选好(hǎo)了按钮即可生(shēng)成(chéng)海报。海报页类似一张购物小票,用清单体把未点破的(de)数码好物呈现出来(lái)。

 

H5案例


清单类(lèi)H5


案例:AI画(huà)笔 连接(jiē)爱


品牌:百度(dù)

 

百度推出了AI学习平(píng)台“pp飞浆”,H5以(yǐ)《富春山居图》被焚烧成两半为创意支(zhī)点(diǎn),让用户自(zì)由绘制(zhì),把两段图画连接到一起,用AI技(jì)术(shù)进行加工,转化为水(shuǐ)墨效果,以此展示实力,推广技术(shù)平台。

 

开头(tóu)是一段视(shì)频,将《富春山居图》从平面转化为立体影(yǐng)效,带领(lǐng)用户在富(fù)春的(de)美景(jǐng)中穿梭游览,然后了解其被焚毁的(de)缘由(yóu),用户根据画外音提示和画笔示范,用线条补充空白处,将断开的图画连接到一起,欣赏生成的山(shān)水画效果,左右滑动屏幕可(kě)欣赏原(yuán)图,最后生(shēng)成总体(tǐ)效果图卷轴海报。

 

H5案例


AI作画H5


案例:坚持热(rè)爱,不忘初心


品牌:网易 × 三金(jīn)西(xī)瓜霜

 

网易新闻(wén)娱乐频道与三金西瓜(guā)霜(shuāng)联(lián)合推出的「网易娱乐封面故事十周年」创意H5作品。通过一(yī)众(zhòng)明星的(de)参与加持,吸引更(gèng)多的用户认(rèn)识和了解(jiě)网(wǎng)易(yì)娱(yú)乐,最后生成明星海报,还可以把明星故事分享(xiǎng)传播出去,形成裂变传播,从(cóng)而达成(chéng)品牌曝光的效果。

 

进入(rù)H5案例,众多一(yī)线影视娱乐明星录制的(de)封面故事十周年祝福语视频(pín)自(zì)动播放,浏(liú)览完毕(bì)进入明(míng)星海报(bào)页。可(kě)以转动转台,更换明(míng)星,然后(hòu)点击查看Ta的故事,进入该明星视频故事分享页。

 

图片11.png


视频(pín)类H5


以上就是本期为(wéi)大(dà)家带(dài)来H5案例(lì)分享(xiǎng),感兴趣的朋友(yǒu)可以持续(xù)关(guān)注我(wǒ)们万象城在线登录和蓝橙互动官网的新闻动态,或(huò)是(shì)关注万象城在线登录和蓝橙互动官方微信公众号,我(wǒ)们会(huì)不(bú)定时向(xiàng)大家分享最(zuì)新的优秀案例。

 

 

相关阅读(dú):《精选H5案例合集分享-春节特别篇



联系QQ:2899301896

万象城在线登录和蓝橙互动·致力于(yú)为(wéi)企业提供更高效的(de)开发服务

万象城在线登录-万象城(中国)

万象城在线登录-万象城(中国)