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