开云(中国)Kaiyun







    H5游戏制作
    H5游戏制作
    H5游戏(xì)制作
    H5案例(lì)
    H5开发
    扫一扫(sǎo)
    h5定制
    h5定制

    回到顶部

    精选H5案(àn)例合集(jí)分(fèn)享-56期

    H5案例 2023年04月(yuè)27日

    每年的4月23日为世界读书日,世界各地都会举办各种(zhǒng)各(gè)样的图书宣(xuān)传活动(dòng),在此节点(diǎn),自然也少不了各个品牌的宣(xuān)传活动。开云和蓝橙互动(dòng)精(jīng)选H5案(àn)例(lì)分享56期,就(jiù)为大(dà)家整理了一下读书日H5案例,一起来体验一下(xià)吧。

     

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

     

    品牌:腾讯新闻

     

    这是由腾讯在(zài)世(shì)界读书日之(zhī)际(jì)推出的(de)答题测试H5,每个人都(dōu)可以是一本独一无(wú)二的书籍,通过(guò)性格检测试题,生成自己的人生之书(shū),进行个(gè)人性格解析。

     

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

     

    H5案例


    读书日(rì)H5


    案例:花城3D书摘漂流馆

     

    品(pǐn)牌:广州读书月

     

    4月23日是世界读书日,广州读书(shū)月的线上活(huó)动(dòng)H5,3D全景方式展示书摘漂流馆,不负韶华。

     

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

     

    H5案例


    3DH5


    案例:点亮你(nǐ)的思想之光

     

    出品:当(dāng)当

     

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

     

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

     

    H5案例(lì)


    一镜到底H5


    案例:测测你身体里隐(yǐn)藏的主角光环

     

    品牌:网易有道

     

    网易有道在4月23日世界读书日推出的测(cè)试类H5,通过测(cè)试来吸引(yǐn)更多的用户(hù)参与读书。

     

    H5首页展(zhǎn)示测(cè)试主(zhǔ)题(tí),邀请用户测测自己身体里的主角光(guāng)环,选(xuǎn)择人物(wù)性别后即可开始测试。问(wèn)题设置(zhì)围绕一场冒险展开,包括冒险(xiǎn)地(dì)点、出发前的准备、冒险中的收获、冒(mào)险(xiǎn)中(zhōng)的抉择和最终结局(jú)。答题(tí)完成后生成测(cè)试结(jié)果海报(bào),解析用户的主角光环,并(bìng)推(tuī)荐一本(běn)与性(xìng)格相符的图书。

     

    H5案(àn)例


    测试类H5


    案例(lì):阅过山川 益起读书(shū)

     

    品牌:QQ浏览器

     

    这是由(yóu)QQ浏览器以“阅过山(shān)川 益(yì)起读书”为主题推出(chū)读书宣传(chuán)活动,展示若(ruò)干山里(lǐ)需要(yào)读书的人群,然后(hòu)呼吁大(dà)家通过QQ浏览器搜“益起读书”活动,来参(cān)与阅读时(shí)长兑现公益捐书(shū)活动(dòng)。

     

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

     

    H5案例(lì)


    读书日H5


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

     

     

    相关阅(yuè)读:《精选H5案例合(hé)集分享-55期



    联系QQ:2899301896

    开云和蓝橙互动·致力于为企业(yè)提(tí)供(gòng)更高效的(de)开(kāi)发服务

    开云(中国)Kaiyun

    开云(中国)Kaiyun