The Story of Babushka Children's Book
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分30秒
案例:The Story of Babushka Children's Book
品牌:
技术实现: jQuery
亮点:
1、创意定位
儿童绘本Babushka的介绍网站,介绍了绘本的由来、作者、如何购买绘本等等信息,也可以理解为绘本作者的自我品牌宣传网站。
2、策划上
以网站右上角菜单为基础,分为6部分:首页、关于、角色说明、商店、博客、联系,下面我们依次介绍这6部分。
首页:为1屏,展示儿童绘本Babushka里面的5个套娃角色,动画使用SVG实现(国外案例中,SVG在图标和动画中使用频率都很高),从这一屏引发对Babushka的兴趣。
关于:介绍了什么是Babushka,其实Babushka是俄罗斯传统文化中的套娃;又介绍了Babushka绘本故事中的5个角色;还有作者信息,作者没有说自己的姓名,只是介绍曾在一家创意公司做全职,后来成为自由职业者和儿童绘本作者,现在住在马德拉的一个小岛。
角色说明:5个套娃角色详细说明,还配有语音介绍。
商店:儿童绘本Babushka的购买链接,小五试了,目前是免费购买,但是没有下订单。
博客:正常的博客内容,绘本作者的一些感慨之类的内容,目前就刚刚发布了一篇。
联系:给作者发类似电子邮件的形式的内容,需要书写你的名字、邮箱、信息。
3、设计上
整体纯色背景,以绘本中的元素为网站创作基础,小五很喜欢首页。
4、体验上
网站是交互多页响应式网站,可以在PC机端观看,也可以在手机、ipad下观看。因为是国外网站,访问起来比较慢。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号