喜马拉雅听：发现你的灵魂好书
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分40秒
案例：发现你的灵魂好书
品牌：喜马拉雅听
技术实现： Canvas + JavaScript
亮点：
- 创意定位
喜马拉雅听带你回顾书籍中的经典场景，和经典描述，引发用户的听书欲望，并根据用户的兴趣推荐书籍，同时宣传新一波的会员福利。
- 策划逻辑
导语过后，用户选择自己的喜欢的书籍类型（一共4种类型），类型不同接下来的题目也不相同，进入选择题阶段（共4道题），每道题都是经典书籍中的某一场景，或根据某个选段设置的问答，用户根据描述选择答案，选择后，答案浮现，全部选择完毕后，用户输入名字，查看推荐书籍，最后用户可点击登录喜马拉雅APP直接去听推荐书籍，或查看会员福利详情。
- 设计上
深色调，作品中的场景和灯光都比较昏黄，每道题根据说的内容绘制人物和场景，段落摘选能引发用户对书籍内容的回忆。
- 交互上
每道题一般2个选项，也有多个选项；如果读过对应书，我们应该知道人物的选择，当有多个选择时，会猜想如果不同的选择，后续故事就会不同了吧；但是如果做了不同的选择，那还符合对应人物的性格吗？
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
