The Story of Babushka Children's Book

2020-09-07 H5案例分享 H5案例分享
The Story of Babushka Children's Book


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

识别图中二维码

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案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

3D Artist & CG Supervisor

Gucci:Yuko Higuchi - The Puzzle

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~