[我的作品]果大师水果网

在我大学刚毕业那会儿曾梦想着自己经营水果店,然后做生鲜电商,然而直到天天果园、百果园在许多年后出现,我仍是一个上班族。后来,我终于决心迈出这一步,辞去了人们心中铁饭碗的工作,决定拉起队伍干的时候,却草草收场。最终留下的只有“果大师”这个倾注了我的梦想的网站。人生即是如此,得不到的永远在骚动,一旦尝试了,也就明白其中滋味。“生活不止眼前的苟且,还是诗和远方的田野。”当你在追逐远方的梦想时,需要好好想想你丢下了眼前的什么。

言归正传。

2016年春节过完,我开始了“果大师”的建设工作。总体思路是“三位一体”,第一位是建立一个web网站同时支持移动端浏览和使用,这个web网站需要展示我设想的水果百科和水果养生知识,还需要有一个阉割了在线支付功能的商城(但用户可以在商品页面扫码购买)。第二位是建立公众号用于微信推送水果及水果养生知识(文章中包含可链接到微信店铺的内容)。第三位是使用有赞微信店铺,对应在线购买,同时将购买链接以二维码的形式展示在web网站的商城商品页面。从而使得各个流量入口都可以与微信店铺连接,形成闭环。

接下来我一个人包揽了设计(LOGO、外包装、果大师网站样式、各种文章P图)、系统搭建(果大师网站、果大师有赞商城)、运营(各种文字内容撰写、网站内容填充、微信和微博)等等工作。虽然整个事儿的结果是戛然而止,但这中间的过程是一次又一次的自我突破和实现,这是一段值得珍藏的回忆。

下面就展示一下网站的情况吧:

首页,在顶部banner部分,采用了可自由定义元素及其动作的动态幻灯片,随后是推荐专区(推荐三个文章),下面是按内容区块的图文展示。

guods_1

一级分类首页,分别是水果百科和水果养生。两个分类首页的上半部分用文字对分类进行了描述说明,下半部分以图文列表形式展现分类下的文章。在文章图文展示方式上,采用按类型筛选功能,配合翻页功能,可以使得在不打开新网页的情况下浏览该分类下所有的文章。

水果百科分类首页:

guods_2

水果养生分类首页:

guods_3

二级分类首页,在水果百科下按水果类型不同设置了二级分类;在水果养生下根据不同体质适宜的水果不同设置了二级分类,二级分类均可以在导航菜单栏或一级分类页链接访问。在二级分类页也做了可以回到一级分类的链接,加强站内关联性。

guods_4

内容页,内容页按不同的一级分类内容做了标准的发布格式。文章中包含的内容在后台做了默认样式(采用模块的概念,由多个模块组成一个文章),只需要在各个模块中添加内容即可。我在水果百科、水果养生以及水果店铺的详情页中做了三套不同的样式,以满足不同的需要。

在内容页之间,我一方面在文章下端加入“延伸阅读”提供关联文章;一方面在右侧提供分类链接和搜索框,由此促进用户的跳转阅读。

更为重要的是,在水果内容(百科或养生知识)页的下端设计了该水果的商品页链接(如果商城有该类水果销售即显示商品链接,没有则不显示,以下截图中没有体现)。

guods_5

店铺首页及商品详情页,店铺首页采用类似网站首页的展示方式,由动态幻灯片加商品缩微图作为展示。商品内容页则包含了前面讲到的购买链接二维码(截图中打了马赛克)和商品详情。其实在描述商品详情的时候,除了包括常见的水果品种说明、产地、重量与包装以外,更强调了水果的营养功效和口感,同时加入了该水果的百科知识或者养生知识作为延伸阅读。

当然在商品之间加入链接仍然是必要的,因此在详情下有“你可能还会喜欢…”的推荐,以及右侧的搜索框、分类链接和热销水果推荐等模块。

guods_6

最后,因为网站是按PC和移动端(包括Pad和Mobile)自适应来制作的,因此即便通过微信推荐的链接访问,也能获得很好的视觉展示。在实际操作中,我在网站后台做了一个独立页面,以模仿微信公众号中的图文列表展示效果。再把该页面的链接做到微信公众号的菜单栏中,即可在微信公众号里实现只有开通了“原创”权限的公众号才能展示的内容列表。手机端浏览该页面的截图如下:

guods_7

当时在考虑做果大师的时候,是想依托科学的水果百科和养生知识,促进消费者以养生为目的的水果消费。整个网站也是按这个思路在设计,当用户想了解某个水果的内容时,可以在水果百科和养生之间建立联系,并且让客户在上述内容页可跳转到该水果的商品销售页。网站内加大了侧边栏导航链接和搜索框的运用,以促进网站内容的关联度。在网站优化方面,除了传统的SEO以外,加入了七牛CDN图片加速、Super cache缓存、HTML和CSS文件压缩等优化。

从大学做网站以来,从没有像这次做“果大师”那样尽心尽力,如此完整的表达出我的想法。整个网站无论从视觉设计,网站功能还是内容展示上都达到了我的预期。我常常想也许“果大师”会是我最后一次这样费心的去做一个网站,似乎有点“收山之作”的意味。因此今天也写了很多,留下一个深刻的纪念吧。

未经允许不得转载:把控人生 » [我的作品]果大师水果网

赞 (1)
分享到:更多 ()

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址