精选H5案例合集分享-56期
每年(nián)的(de)4月23日为(wéi)世界读书日,世界各地都(dōu)会(huì)举办(bàn)各种各样的(de)图书宣传活(huó)动,在(zài)此(cǐ)节点,自然也(yě)少不了各个品牌的宣传活动(dòng)。开云手机站登录入口和蓝橙互动精选H5案例分享56期,就为大家整理了一下读书日H5案例,一起来(lái)体验一下吧(ba)。
案例:你是(shì)一本什么书
品牌:腾讯新(xīn)闻
这是由腾讯在世界读书日之际推出的答题测试H5,每(měi)个人(rén)都可(kě)以是一本独(dú)一无(wú)二的(de)书籍,通过(guò)性格检测试题,生成自己的人生之书,进行个人性格(gé)解析。
进入H5案(àn)例(lì),标题呈三维(wéi)立体圆柱状围着一本(běn)书旋转(zhuǎn),用户可滑动(dòng)界面让书变幻不同的角度和颜色,点(diǎn)击“开始测试”进入答(dá)题环节。书本上方旋转的标(biāo)题(tí)字会(huì)变成(chéng)题(tí)目,题目设置围绕一场(chǎng)故事冒险展(zhǎn)开。答题完毕(bì)后自动生(shēng)成带(dài)有用户(hù)名的(de)书名,用户可(kě)点击切换书名,最后生成图书(shū)海报,包括书的最后样子,三个性格关键词(cí)、特质解析以及(jí)作品二维码。
案例:花城3D书摘漂流馆
品牌:广州读书月
4月23日是世界读书日(rì),广(guǎng)州读书(shū)月的(de)线上活动H5,以3D全景的方式展示书摘漂(piāo)流馆,不负韶华。
进入H5页(yè)面,一(yī)座大厦水平(píng)自动旋转,大厦外围飘着书名,例如《中国文(wén)化读本》、《小王子》、《三(sān)体》、《围城》等等,点击书(shū)名可(kě)以(yǐ)查看书摘,包括书本样式、作者以及书(shū)本(běn)摘录。用户可以点(diǎn)击切换不同的书,也可以输入书名、摘录生成自己书摘(zhāi)进行(háng)分享。
案例:点亮你的思(sī)想之光
出品:当当
当当网为读书宣(xuān)传(chuán)推出的一镜(jìng)到底H5,用一段穿(chuān)越式的长图串联了(le)很多名(míng)著中的经典句(jù)子,最后邀请(qǐng)用户选择(zé)或上(shàng)传自己喜欢的(de)书生(shēng)成海(hǎi)报,呼吁大家一起读书(shū),顺便宣传品牌。
进入H5,滑(huá)动页面开始浏览,画(huà)面(miàn)呈(chéng)现(xiàn)了一个个名著小说中的(de)人物以及名言名句,画面末尾处提(tí)出问(wèn)题(tí):你多(duō)久没有(yǒu)与文字为伴(bàn),在明亮中看见(jiàn)更多。在这里,用户可以选择点(diǎn)亮(liàng)思想之光进入下一环节,也可以(yǐ)点击让故事继续。故事继续是讲述了看着(zhe)手(shǒu)机玩着游(yóu)戏的人们变得麻(má)木,缺乏思考,最终成为流(liú)水线上产出(chū)的没有新意的生(shēng)命体。点亮思想之光则(zé)是邀请用(yòng)户(hù)选择或者(zhě)长传自己最(zuì)爱(ài)的书,生成海(hǎi)报,保存分享。
案例:测测你身(shēn)体(tǐ)里隐藏(cáng)的主角(jiǎo)光环
品牌:网易(yì)有道(dào)
网易有道在4月23日世界读(dú)书(shū)日推出的测试类H5,通(tōng)过测试来吸引(yǐn)更多的(de)用(yòng)户参(cān)与读书(shū)。
H5首页展(zhǎn)示测试主(zhǔ)题(tí),邀请用(yòng)户测测自己身体里的主角光环,选择人物性(xìng)别后即可(kě)开始测试。问题设(shè)置围(wéi)绕(rào)一场冒险展开,包括冒险地点(diǎn)、出发前的准备(bèi)、冒险中的收获、冒险(xiǎn)中的抉(jué)择和最终结局。答题完成后(hòu)生成测试结果海报,解析用户的(de)主角光环,并推荐一(yī)本与性格相符的图书。
案例(lì):阅过山川 益起读书
品牌:QQ浏览器
这是(shì)由QQ浏览器以“阅过山川 益起读(dú)书”为主题推出读书宣传活动,展示若干(gàn)山里需要(yào)读书的人(rén)群(qún),然后呼吁大家通过QQ浏览器搜(sōu)“益(yì)起(qǐ)读书”活动,来参与阅读时长兑现公益捐(juān)书活动。
H5整(zhěng)体为一幅长图,中间有热点交互(hù)。从(cóng)城市到山川,背景过渡自然,青山(shān)绿水,白云缭绕,让用户在向(xiàng)下滑动的过(guò)程中,赏心悦目。西藏、云(yún)南(nán)、广西、贵州(zhōu)部分(fèn)实(shí)景拍摄,点击其中的交互热点会弹(dàn)出那些渴望阅读(dú)的人,既有小孩,也有(yǒu)老人。最后邀(yāo)请用户参(cān)与公益(yì)捐书活动,以自己的读书时间兑(duì)换(huàn)捐赠图书(shū)。
以(yǐ)上就是本期为大家带(dài)来H5案例(lì)分(fèn)享,感兴趣(qù)的朋友可以持续关注我们(men)开云手机站登录入口和蓝橙互动官网的新闻动态,或是关注开云手机站登录入口和蓝橙(chéng)互动官方微信公(gōng)众号,我(wǒ)们会不定时向大家分享最新的优秀案(àn)例。
相关(guān)阅读:《精选(xuǎn)H5案例(lì)合集分享-55期(qī)》
联系(xì)QQ:2899301896
开云手机站登录入口和蓝橙互动(dòng)·致力于为企业提供(gòng)更高效的开发服(fú)务