学而思：《年少诗篇》

2018-08-21 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

《年少诗篇》-查阅二维码

完整欣赏此案例大约需要1分40秒

案例：《年少诗篇》

出品：学而思

亮点：

创意定位，由学而思出品，宣传对象为其15周年出版的故事集。将图书以H5的形式展示其几个分版块，以达到宣传目的。
策划步骤，整个H5仿一本书的结构，包括封面、引语、目录和正文；①主题页，展示H5主题为15周年故事集，并提示用户滑动翻页；②一页对用户的寄语，文字显示为渐显；③目录页，可点击目录中的每条文字，查看相应的介绍海报，并提示用户可返回目录重新选择，或者直接分享；④分享页，为6个版块的缩略图，点击小图可查看大图海报。
设计上，背景采用手绘磨砂插画，每个主题都有相应的背景，并配有小动画，精致清新。
体验上，查看这个H5就像缓缓翻开一本书，每页都很温馨，小编都不由地怀念起了九年义务教育的时光......

技术实现： Html5

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签