B体育(BSports)官方网站












H5游(yóu)戏制作
H5游(yóu)戏制作
H5游戏制作
H5案例
H5开发
扫(sǎo)一扫
h5定制
h5定制

回到顶部

精选H5案例合集分享-56期

H5案(àn)例(lì) 2023年04月27日

每(měi)年的4月23日(rì)为世界读书日(rì),世界各地都会(huì)举办各种各样的图书宣传活(huó)动,在此节点(diǎn),自然也(yě)少不了各(gè)个品(pǐn)牌的宣传活动。B体育和蓝橙互动(dòng)精选H5案(àn)例分享56期,就为大家整理了(le)一下读书日H5案例,一起来体(tǐ)验(yàn)一下吧。

 

案例:你是一本什么(me)书

 

品牌:腾讯新闻

 

这是由腾讯在世界读书(shū)日之(zhī)际推(tuī)出的答题测试H5,每个人都可以是(shì)一本(běn)独一无二(èr)的书籍(jí),通过性格检测试题,生成(chéng)自己(jǐ)的人生(shēng)之书,进行个人性格解(jiě)析。

 

进入H5案(àn)例,标(biāo)题呈三维(wéi)立体圆柱状围(wéi)着一本书旋转,用户可滑动界面(miàn)让书变幻不同的角度和颜色,点击“开始测试”进入答题环节。书本上方旋转(zhuǎn)的标(biāo)题字会变(biàn)成题目,题目设置围绕一场故事(shì)冒险展开(kāi)。答题完毕后自动生成带(dài)有用户名(míng)的书名,用户可点击切换书名,最后生成图(tú)书海报,包括书的最后样子,三个性格关(guān)键词、特质解析以及作品二维码

 

H5案例


读书日H5


案例:花城(chéng)3D书摘漂流馆

 

品牌:广州(zhōu)读(dú)书月

 

4月23日是世界读书(shū)日(rì),广州读书月的线上活动H5,3D全景方式展(zhǎn)示(shì)书摘漂流馆,不负韶华。

 

进(jìn)入H5页面,一(yī)座大(dà)厦水平自动旋(xuán)转(zhuǎn),大(dà)厦外围飘着书名,例如(rú)《中国文化读本》、《小王子》、《三体》、《围城》等等(děng),点击书名(míng)可以查看书(shū)摘,包括书本样(yàng)式(shì)、作者以及书本摘录(lù)。用户可以点击切换不同的(de)书,也可以输入书名、摘录生成自己书摘进行分享。

 

H5案例


3DH5


案(àn)例(lì):点亮(liàng)你的(de)思想之光

 

出品:当当

 

当当网为读(dú)书宣(xuān)传推出的一镜到(dào)底H5,用一段穿越式的长图串联了很多名著中的(de)经典句子,最后邀请用户选择或上(shàng)传自己(jǐ)喜欢的书生(shēng)成海报,呼吁(yù)大家一(yī)起读书,顺便宣传品牌。

 

进入H5,滑动页面开始浏览,画面呈现(xiàn)了(le)一个个名著小说(shuō)中的人物以及名言名句(jù),画面(miàn)末尾处提(tí)出问题:你多久没有与文字为伴(bàn),在明亮中看见(jiàn)更多。在这里,用户可以选择(zé)点亮思想(xiǎng)之光进入下一环节(jiē),也可以点击让故事继续。故事继续是讲述了(le)看着(zhe)手机(jī)玩着游戏的(de)人们变得麻(má)木,缺乏思考,最(zuì)终成为流水线(xiàn)上产出的没有(yǒu)新(xīn)意的生命体。点亮思想之光则(zé)是邀请(qǐng)用户选择或者长传(chuán)自己最爱的书(shū),生成海(hǎi)报(bào),保存(cún)分享(xiǎng)。

 

H5案例


一镜到(dào)底H5


案例:测测你身体(tǐ)里隐藏(cáng)的主角光环

 

品牌:网易有(yǒu)道

 

网易有道在4月23日世界(jiè)读书日推(tuī)出的(de)测(cè)试类(lèi)H5,通过测试来吸引更多的用户参与读(dú)书。

 

H5首页展示测试主(zhǔ)题,邀(yāo)请用户测测自(zì)己身体(tǐ)里的主角光环,选择人物性别后即可(kě)开(kāi)始(shǐ)测试。问题设(shè)置围绕一场冒(mào)险展开,包括冒险地(dì)点、出(chū)发前的准备、冒(mào)险中的收(shōu)获、冒险中的抉择和最终结(jié)局。答(dá)题完成后生(shēng)成测(cè)试结(jié)果海报,解析用户的(de)主角光环(huán),并推荐(jiàn)一本与性格相符的图书。

 

H5案(àn)例


测试类H5


案例(lì):阅过山(shān)川(chuān) 益起读(dú)书

 

品牌(pái):QQ浏览器(qì)

 

这是由QQ浏览器以“阅(yuè)过山川(chuān) 益起读书”为主题推出(chū)读书宣传活(huó)动,展(zhǎn)示(shì)若干山里需要读书的人群(qún),然后呼(hū)吁大家(jiā)通过QQ浏览器(qì)搜“益起读书”活动,来(lái)参与阅读时(shí)长兑现公(gōng)益捐书活(huó)动。

 

H5整体(tǐ)为一幅长图,中间有热点交互。从城市到山(shān)川(chuān),背景过渡自然,青山绿水(shuǐ),白云缭绕,让用户(hù)在向下滑动的过程中,赏心(xīn)悦(yuè)目。西藏、云南、广(guǎng)西、贵州部分实景(jǐng)拍摄,点击其(qí)中的交互热(rè)点会(huì)弹出那些渴望(wàng)阅(yuè)读(dú)的人,既有小孩,也(yě)有老人。最后(hòu)邀请用(yòng)户参与公(gōng)益捐书活动(dòng),以(yǐ)自己的读书时间兑换(huàn)捐赠图书。

 

H5案例


读(dú)书日H5


以上就是(shì)本期为大家(jiā)带来H5案例分享,感兴趣的朋友可以持续关注我(wǒ)们B体育和蓝橙互动官网的新闻动态,或是关注B体育和蓝橙互动(dòng)官方微信(xìn)公众号,我们会不定时向大家分享(xiǎng)最新的优秀案例(lì)。

 

 

相关阅读:《精选H5案例合集分享-55期



联系(xì)QQ:2899301896

B体育和蓝橙互动·致力于为企业提供(gòng)更高效的开(kāi)发服务

B体育(BSports)官方网站

B体育(BSports)官方网站