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