硕果生鲜网站设计与制作报告
【】现在，网络的发展趋势日益壮大，实体经济的发展越来越依靠网络，在这样的背景下许多新兴行业不断的崛起，新的电商模式引领传统行业的变更，这不仅促进了网络经济的发展，还给各企业带来了经济效益，在这大环境下，本网站将传统的水果营销模式进行变革，成立了硕果电商生鲜网。通过搭载网站向消费者提供新鲜水果信息，利用软文能令消费者了解水果的知识；有效地吸引访客，激发潜在购买欲，访客也可以根据自己的需求，从众多水果搭配中了解今天或近期该吃什么水果。
目 录
一、网站概述 1
（一）网站结构 2
（二）功能分配 4
二、网站建设规划 5
（一）确定主题 5
（二）搜集资料 5
（三）资料整理 5
（四）站点建立 5
（五）编辑 CSS 样式表 6
三、网站的排版与布局 7
（一）表格排版布局网页 7
（二）主页面 7
（三）次级页面 7
（四）页眉 7
（五）页脚 8
四、网站的风格与形象设计 8
（一）网站整体风格的设计 8
（二）网站的形象设计 9
五、详细操作说明 10
（一）网站首页 10
（二）消息中心 10
（三）客户服务 10
（四）成为会员 10
（五）用户登录 10
六、网站的推广与维护 10
（一）网站推广 10
（二）网站维护 11
致谢 13
参考文献 14
附件 15 一、网站概述
展示水果的信息、通过创新理念去吸引消费者是我们创建“硕果”的初衷，我们不仅将国产当中的精品水果进行售卖，南方水果和热带水果等进口果品我们也会推荐。通过新颖的设计元素如（模仿淘宝的banner）、整图切割等方案与我们自己撰写的一些有趣文案相结合，有效吸引消费者，点击观看我们的页面，并且留下一定的印象。
（一）网站结构
图 1 硕果生鲜网站架构图示
1.首页：主要介绍基本网店的功能，并且将主要设计呈现在消费 *好棒文|www.hbsrm.com +Q: #351916072#
者眼前，如大标题，导航栏，轮播（banner）、博客链接、小贴士链接、新品水果的链接等
2.子页：
（1）关于公司
（2）公司的博客
（3）联系方式
点击进入硕果生鲜的首页，我们可以看到一些元素，其中包含了：由几整幅水果的图片组成的banner、水果的知识栏目与购买水果的超链接。
我们将我们的设计理念、产品信息，文字结合通过图片传达给消费者，而在平面设计中，如果使用了很大面积的素材图片，方可将字体直接覆盖于图片之上，如果采用了深色背景，则可以使用淡色字或者纯白色，可以给人一种大气观看视觉。
图 2 硕果生鲜网站预览
（二）功能分配
1.基本功能栏
我们将六种不同的基本功能设置在网站的抬头。见图3
图 3 基本功能栏
2.果品查找栏
图4 水果搜索栏
3.购物车
当消费者在观看了一定的产品后难免会产生购买的想法，购物车是一个很好的暂存处，消费者可以点击商品详情将喜欢的果品加入购物车，待最后统一结算价格。在购物车中我们将果品的净重、品牌、产地和一些订单信息结合在一起，方便消费者查阅。见图 5
图 5 我的购物车
4.消息中心
消息中心在网页的基础功能栏中，消费者通过聊天窗与卖家沟通或解答一些问题。透过消费者喜好和搜索习惯的研究，我们会定期推送一些关于节日或者季节的活动，进行果品的推广。
5.客户服务
客服系统是为了解决消费者在使用网站时，遇到的一些关于网站的操作问题。
6.支付形式
我们的订单支持二维码付款（包括微信和支付宝两款支付软件），也支持网络银行付款。
7.订单状态查询
订单服务主要为了方便消费者查询已经购买的商品信息，如物流的转移过程、订单的完成状况。若是有需要取消或者编辑的需求，方可在此环节进行。
8.商品配送
目前我们的配送方式主要包括：快递配送、顺丰加急、人工配送、定点自提等配送方式。消费者可以选择不同的快递对自己已购买的商品进行配送，也可以在实体店或仓库进行自取。
9.售后环节
水果的售后是至关重要的，有些消费者需要送达很远的地方，难免水果会经不住保质期而变质。我们提供的售后退换货方法：只需消费者将非人为损坏的水果照片或VCR拍摄发至我们的售后处我们即可提供退换货服务。
10.健康生活馆
我们通过不断的研究每一位消费者的购买习惯并结合后台的数据向消费者推荐相关果品。与此同时我们分析了社群营销的一些案例，将健康生活馆打造成消费者与店铺的互动的平台。店铺上新品时也可发9宫格的图片进行推广活动。见图 6
图 6 健康生活馆
二、网站建设与规划
（一）确定网站主题
我们看到许多的网站都有他们自己的定位，构筑框架是我们首要的任务，但在此之前我们需要构思这个网站的意义，网站应当被设计出来做什么？围绕着这个问题进行分析从而网站的框架才能被描绘出，有了框架我们才能赋予网站所有功能。因为我们本身也是消费者，所以换位思考在构筑网站之中的地位显得尤为重要。最终我们以简约主义敲定了本站的风格，用一种简洁明了的方式表达网站的主题，当然我们更加希望我们的创新方式能够吸引更多的消费者。
（二）搜集资料
等框架构筑好了，我们需要收集与水果有关的素材；水果的图片、网页的背景、一些链接的图形都是不错的选择。我们也从同行的网站之中进行研究和对比，并从同行的设计中获取经验，不断填充与完善我们的功能。我们收集信息的主要方式是直接点击同行的网站进行观看与记录，将所获的截图、颜色搭配、文字、排版与布局等进行整理，留做备用。
目 录
一、网站概述 1
（一）网站结构 2
（二）功能分配 4
二、网站建设规划 5
（一）确定主题 5
（二）搜集资料 5
（三）资料整理 5
（四）站点建立 5
（五）编辑 CSS 样式表 6
三、网站的排版与布局 7
（一）表格排版布局网页 7
（二）主页面 7
（三）次级页面 7
（四）页眉 7
（五）页脚 8
四、网站的风格与形象设计 8
（一）网站整体风格的设计 8
（二）网站的形象设计 9
五、详细操作说明 10
（一）网站首页 10
（二）消息中心 10
（三）客户服务 10
（四）成为会员 10
（五）用户登录 10
六、网站的推广与维护 10
（一）网站推广 10
（二）网站维护 11
致谢 13
参考文献 14
附件 15 一、网站概述
展示水果的信息、通过创新理念去吸引消费者是我们创建“硕果”的初衷，我们不仅将国产当中的精品水果进行售卖，南方水果和热带水果等进口果品我们也会推荐。通过新颖的设计元素如（模仿淘宝的banner）、整图切割等方案与我们自己撰写的一些有趣文案相结合，有效吸引消费者，点击观看我们的页面，并且留下一定的印象。
（一）网站结构
图 1 硕果生鲜网站架构图示
1.首页：主要介绍基本网店的功能，并且将主要设计呈现在消费 *好棒文|www.hbsrm.com +Q: #351916072#
者眼前，如大标题，导航栏，轮播（banner）、博客链接、小贴士链接、新品水果的链接等
2.子页：
（1）关于公司
（2）公司的博客
（3）联系方式
点击进入硕果生鲜的首页，我们可以看到一些元素，其中包含了：由几整幅水果的图片组成的banner、水果的知识栏目与购买水果的超链接。
我们将我们的设计理念、产品信息，文字结合通过图片传达给消费者，而在平面设计中，如果使用了很大面积的素材图片，方可将字体直接覆盖于图片之上，如果采用了深色背景，则可以使用淡色字或者纯白色，可以给人一种大气观看视觉。
图 2 硕果生鲜网站预览
（二）功能分配
1.基本功能栏
我们将六种不同的基本功能设置在网站的抬头。见图3
图 3 基本功能栏
2.果品查找栏
图4 水果搜索栏
3.购物车
当消费者在观看了一定的产品后难免会产生购买的想法，购物车是一个很好的暂存处，消费者可以点击商品详情将喜欢的果品加入购物车，待最后统一结算价格。在购物车中我们将果品的净重、品牌、产地和一些订单信息结合在一起，方便消费者查阅。见图 5
图 5 我的购物车
4.消息中心
消息中心在网页的基础功能栏中，消费者通过聊天窗与卖家沟通或解答一些问题。透过消费者喜好和搜索习惯的研究，我们会定期推送一些关于节日或者季节的活动，进行果品的推广。
5.客户服务
客服系统是为了解决消费者在使用网站时，遇到的一些关于网站的操作问题。
6.支付形式
我们的订单支持二维码付款（包括微信和支付宝两款支付软件），也支持网络银行付款。
7.订单状态查询
订单服务主要为了方便消费者查询已经购买的商品信息，如物流的转移过程、订单的完成状况。若是有需要取消或者编辑的需求，方可在此环节进行。
8.商品配送
目前我们的配送方式主要包括：快递配送、顺丰加急、人工配送、定点自提等配送方式。消费者可以选择不同的快递对自己已购买的商品进行配送，也可以在实体店或仓库进行自取。
9.售后环节
水果的售后是至关重要的，有些消费者需要送达很远的地方，难免水果会经不住保质期而变质。我们提供的售后退换货方法：只需消费者将非人为损坏的水果照片或VCR拍摄发至我们的售后处我们即可提供退换货服务。
10.健康生活馆
我们通过不断的研究每一位消费者的购买习惯并结合后台的数据向消费者推荐相关果品。与此同时我们分析了社群营销的一些案例，将健康生活馆打造成消费者与店铺的互动的平台。店铺上新品时也可发9宫格的图片进行推广活动。见图 6
图 6 健康生活馆
二、网站建设与规划
（一）确定网站主题
我们看到许多的网站都有他们自己的定位，构筑框架是我们首要的任务，但在此之前我们需要构思这个网站的意义，网站应当被设计出来做什么？围绕着这个问题进行分析从而网站的框架才能被描绘出，有了框架我们才能赋予网站所有功能。因为我们本身也是消费者，所以换位思考在构筑网站之中的地位显得尤为重要。最终我们以简约主义敲定了本站的风格，用一种简洁明了的方式表达网站的主题，当然我们更加希望我们的创新方式能够吸引更多的消费者。
（二）搜集资料
等框架构筑好了，我们需要收集与水果有关的素材；水果的图片、网页的背景、一些链接的图形都是不错的选择。我们也从同行的网站之中进行研究和对比，并从同行的设计中获取经验，不断填充与完善我们的功能。我们收集信息的主要方式是直接点击同行的网站进行观看与记录，将所获的截图、颜色搭配、文字、排版与布局等进行整理，留做备用。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/230.html
