以书籍为主题的H5案例合集

H5页面作为线上宣传推广利器，能够融入各种元素，同时也能把主题内容展现的淋漓尽致，很多商家都习惯利用H5来做品牌推广。现在的网络阅读行业也逐渐兴起，其推广事业也需要发展，那么H5页面能够带动我们网络阅读行业的推广工作吗？下面小编就来给大家分享几个以书籍为主题的H5案例，看看具体效果如何吧。

案例：阅过山川 益起读书

品牌：QQ浏览器

1.创意定位，QQ浏览器联合深圳出版集团以“阅过山川 益起读书”为主题，展示若干山里需要读书的人群，然后呼吁大家通过QQ浏览器搜“益起读书”活动，来参与阅读时长兑现公益捐书活动。

2.策划逻辑，① Loading部分：在加载进度百分比进展中，展示清楚主题：你的阅读，将兑换成一本本承载着梦想和智慧的书籍。阅过山川，给大山中的那个TA，最好的答案。

 ② 过程动画：伴随着文案出现，粒子聚合打散特效把一本书打散聚合成一个小飞机。点击“立即出发”按钮，整体屏幕随着飞机收纳进一个手机界面，然后，一束光带着用户“穿越”到了长图页。

 ③ 长图展示：竖向长图，中间有热点交互。从城市到山川，背景过渡自然，青山绿水，白云缭绕，让用户在向下滑动的过程中，赏心悦目。西藏、云南、广西、贵州部分实景拍摄，设置交互热点，点击后，弹出那些渴望阅读的人，既有小孩，也有老人。

④ 长图页底部，有“立即前往读书”按钮，点击后，进入捐书落地页。展示累计阅读时长、捐赠爱心图书本数、捐赠图书人数等，底部设有“我也要捐书”按钮，提供跳转进入活动页面。

3.视觉交互，开篇用粒子聚合的炫酷特效，把书打散重聚为一个小飞机，然后再融合到QQ浏览器APP屏幕中，然后再放大，进入到自然的大山大川中，视觉很是震撼和富有创意。交互上，主要以点击和滑动为主，弹出的海报，可以长按保存到相册。

案例：发现你的灵魂好书

品牌：喜马拉雅听

1.创意定位，喜马拉雅听带你回顾书籍中的经典场景，和经典描述，引发用户的听书欲望，并根据用户的兴趣推荐书籍，同时宣传新一波的会员福利。

2.策划逻辑，导语过后，用户选择自己的喜欢的书籍类型（一共4种类型），类型不同接下来的题目也不相同，进入选择题阶段（共4道题），每道题都是经典书籍中的某一场景，或根据某个选段设置的问答，用户根据描述选择答案，选择后，答案浮现，全部选择完毕后，用户输入名字，查看推荐书籍，最后用户可点击登录喜马拉雅APP直接去听推荐书籍，或查看会员福利详情。

3.设计上，深色调，作品中的场景和灯光都比较昏黄，每道题根据说的内容绘制人物和场景，段落摘选能引发用户对书籍内容的回忆。

案例：你是一本什么书

品牌：腾讯新闻

1.创意定位，测试报告H5，每个人都可以是一本独一无二的书籍，通过性格检测试题，生成自己的人生之书，进行个人性格解析。

2.策划逻辑，打开作品后，标题呈三维立体圆柱状围着一本书旋转，用户可滑动界面让书变幻不同的角度和颜色，点击“开始测试”，上方的缓慢旋转的标题字会变成题目，题目内容在下方出现，分别是你希望的人设，和爱人走散的处理方法，会被哪个故事开头吸引，会被什么治愈，读书时喜欢听的音乐，答题完毕后自动生成带有用户名的书名，用户可点击切换书名，最后生成海报，包括书的最后样子，三个性格关键词及解析，作品二维码，和其他作品跳转触点。

3.设计上，三维圆环形围绕书本转动的字体效果很有玄幻的感觉，书本也呈荧光渐变色不断变换，新颖的动态效果能一直抓住眼球，题目设定也比较有趣，猫爪，珍珠奶茶，逆天改命等答案元素，与热词热点融合，题目中作为答案节选的句子也比较熟悉，都是经典节选，做题的时候感觉很亲切。

以上就是本次案例分享的全部内容，如需体验更多案例，可关注我们蓝橙互动微信公众号，如有H5页面定制开发服务需求，可直接咨询网站客服，获取最新开发信息及合作流程。

相关文章：《漫画类H5案例》