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下观看。因为是国外网站,访问起来比较慢。