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