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