精选H5案例合集分享-07期
除了开展H5营销活动外,H5页面还可以用于很多场合(hé),例如(rú)品牌宣传、公益广告、职(zhí)位招聘等,任何(hé)需要分享传播的场景都能通过H5页面来实(shí)现(xiàn)。球速体育和蓝橙互动精选H5案(àn)例合集分享(xiǎng)07期,就给大家分享一下用(yòng)于各种场合(hé)的(de)H5案例。
案(àn)例:测一测你灵(líng)魂的(de)颜色
品牌:网易云音乐 X LANCÔME
兰蔻小蛮(mán)腰系(xì)列口红(hóng)宣传作品,与网(wǎng)易云(yún)音乐合(hé)作,邀请用户(hù)参(cān)与情景测(cè)试,测试出的灵(líng)魂颜色是(shì)兰蔻口红(hóng)的颜色名(míng),加深(shēn)用户印象,感(gǎn)受色号与用(yòng)户性格的契合,激发(fā)用户的(de)购买兴趣(qù)。
点击打开作品,选择与自己性格相符的情景(jǐng)问(wèn)题的(de)答案,在咖啡屋会选择什么(me)位置(zhì),有人播放了哪个(gè)类型的(de)音(yīn)乐,对红色(sè)的第一联想,突然响起的手(shǒu)机是谁打来(lái)的,输入名字生成海(hǎi)报,包括用(yòng)户的灵魂颜色——杏仁奶(nǎi)茶(chá)色,焦糖南瓜色,蓝调正红色等,三个关键词,主图及简短的性格解析。
案例:Gucci Burst
品牌(pái):GUCCI
全球(qiú)奢(shē)侈品(pǐn)品牌GUCCI为其产品Burst推出的一款创(chuàng)意H5游戏案例,通(tōng)过躲避隧道中的障碍物,让用户参(cān)与其中,了解产品,曝光(guāng)品牌。
Burst的(de)鞋子在一个3D立体彩色隧道中“飞驰”,在8m位(wèi)置处有两(liǎng)个(gè)操作引导箭头(tóu),引导用(yòng)户可(kě)以点(diǎn)击向上、向下箭头(tóu)直接拖动(dòng)Burst在隧道中改变(biàn)位置,以躲避迎面而来的障碍物(wù)。游戏有计(jì)时和分数(shù)提醒,如(rú)果碰到障(zhàng)碍物,游戏立即结束,弹出游戏结果页面。
案例:2021国(guó)际(jì)雪豹保护日(rì)
品牌:网易新闻×WWF
网易新(xīn)闻公(gōng)益在“2021国际雪豹保护(hù)日”推出的保护雪豹创意H5作(zuò)品,通(tōng)过(guò)雪豹在(zài)中国的分布(bù)状况,让大家对雪(xuě)豹有更多的了解,从而起达到宣传保护雪豹(bào),保护动物的(de)公(gōng)益(yì)诉求。
在地图(tú)上直接标注(zhù)中(zhōng)国境内有(yǒu)雪豹的7个区域:内蒙、甘肃、青海、四川、云南、新疆、西(xī)藏,底部有解锁进图条,每点开一个省份,弹出相应省份的雪豹介绍海报,包含本地区特色数据,进(jìn)度锁随即打开一关。
案例:2021甲状腺青年说
品牌(pái):Merck
2021甲状腺青(qīng)年说即将开始,用户通过游戏挑战,解锁(suǒ)会议讲题(tí)列表及(jí)相关信息,积极参与会(huì)议或(huò)观(guān)看直播。
打开作品,点击右(yòu)下角了解甲状腺学术名词缩写解释,点击(jī)屏幕开始游戏(xì),在游戏中移动(dòng)积木块(kuài)让带(dài)着蝴蝶的那块来到出(chū)口即为(wéi)成功(gōng),两关通(tōng)过后,积木块上的蝴蝶飞走,飞到下一页面的信封(fēng)上(shàng)变成“open”字样,点击打开,来到宣传页,查看会议流(liú)程,会议地点(diǎn),时间等相关信息。
案例:Black Dog
品牌:Suji Choi & Chanwoo Hwang
利用(yòng)多种3D动画特(tè)效,来表(biǎo)现和切换场景(jǐng),让用户在一(yī)个又一个的(de)视觉冲击下,跟随剧(jù)情一点点(diǎn)展(zhǎn)开。交互方式,主要是点击,每一个场景有一个引(yǐn)导光圈,用户点(diǎn)击,触(chù)发场景(jǐng)转换和动效(xiào)展示。
案例:小红书RPDC 玩具店
品牌:小红书
小(xiǎo)红(hóng)书要招聘啦,用3D的效(xiào)果把(bǎ)一个个职位变成玩具商品,很有创意(yì),也很符合年轻人的生活(huó)和(hé)兴趣。
进(jìn)入作(zuò)品(pǐn)后,可以(yǐ)看到一间亮灯的(de)玩具店,点击开始(shǐ),随着镜(jìng)头进入,玩具出现,以(yǐ)密封包装公仔的形式挂在货架上,包装上(shàng)有职位名(míng)称,滑动(dòng)屏幕查看不同类型的玩具,点击自(zì)己喜欢的进入下一页,点击(jī)拆开,玩具拆封(fēng),下方有两(liǎng)个图标,标注了工作内(nèi)容(róng),点击查看动画效果,然后可点击(jī)右下角查看招(zhāo)聘详情或分享玩具,也可(kě)点击右上方(fāng)换一个玩具。
以上就是本期(qī)为大(dà)家带来案例(lì)分享(xiǎng),感兴趣的朋友可以(yǐ)持续关注我们球速体育和蓝橙互(hù)动官网的新闻动(dòng)态,或是关注蓝(lán)橙(chéng)互动官方微信公众号,我们会不定时向(xiàng)大家分享(xiǎng)最新的优秀案例。
相关阅读:《精(jīng)选H5案例合(hé)集(jí)分享-06期》
联系QQ:2899301896
蓝(lán)橙互动(dòng)·致力于为企业提(tí)供更高效的开(kāi)发服务