亿滋食品网站设计与制作报告
4一、网站概述 5（一）网站结构 6（二）功能分配 6二、网站建设与规划 7（一）确定网站主题 7（二）规划网站 7（三）搜集材料 7（四）选择制作工具 8（五）开始制作 8三、网站的排版与布局 8（一）明确网页排版布局的原则 8（二）明确排版对象 8四、网站形象与风格设计 9（一）网站形象设计 9（二）网站风格设计 10五、网站的详细操作说明 10（一）网站的首页 10（二）产品展示项 10（三）热卖推荐项 11（四）用户登录项 11（五）我的购物车 11（六）帮助项 11六、网站的推广与维护 11（一）网站推广 11 （二）网站更新与维护 12结束语 13参考文献 14在电子商务大发展的背景下，中国国际贸易取得良好成绩，贸易影响力直线提升、贸易话语权不断增强，中国正在逐渐改变着世界范围的消费者的消费方式，成为电子商务国际贸易的领导者。电子商务作为“桥梁”将供给方和需求方联系起来，发挥着信息中介、产品中介、服务中介、交易中介和结算中介的角色，共同构成了国际贸易的贸易中介角色。网络的发展使得人与人之间的沟通变得更加便捷，电商的发展与成长也同样大大促进了物流业的开拓。我们可以在网上直接购物，做到无须出门就可以实现购物的便利。看着如此广阔的潜在市场，据此我开创了“亿滋”网上食品店，同时为了响应现代化趋势，增加品牌知名度，开拓新市场。我们为客户准备了多种样式的食品供君挑选,并提供送货上门服务。
目录
一、网站概述
此次设计亿滋网站是为了通过网上销售的方式从而推广亿滋品牌的知名度并挖掘一批新客户。经过对各大网站销售以及同行分析考察，决定设计出一个耳目一新的品牌新网站以达到较好的宣传和销售目的。我在网页上面设置了产品展示，热卖推荐以及用户登录等菜单（见图1）。
图1食品店网站架构图示
（一）网站结构
1.首页：首页的左侧顶端设立的品牌故事项，让进入网站的客户在想要了解品牌故事时，就能一眼看见。品牌故事，它记录着企业的诞生，呈现出一个企业的文化价值，品牌的成长连接着企业的兴衰。紧接着就是下面就是一个简略的亿滋旗下品牌的产品分类，虽然在子页里也会有产品分类，但是在首页摆放，是为了客户在访问首页时就能了解到品牌有哪些产品，更加一目了然，再则，如果客户很了解本品牌旗下的产品，明 *好棒文|www.hbsrm.com +Q: ^351916072^
确的知道自己想买的是什么产品，直接可以从首页点击进去；中间摆放了亿滋旗下产品的爆款产品，右侧同样是明星爆款的产品。导航栏目中含有店铺具体分类（产品展示、热卖推荐、用户登录等），网站背景我选择了一个橘子汽水图片做为背景图，点进网页精美的背景图，心情会好很多，从而网站的浏览量、点击率、展现量等也会提升很多。
2.子页：
（1）产品展示：主要放置了网站所售卖的产品的精美图片，以图片的形式展现出各式各样的产品，并在图片下用文字加以简洁的概括或是产品名称亦可。产品图片运用fireworks进行处理，给客户以眼前一亮的感受。
(2)热卖推荐：这里面包含了本食品网站的几款热卖产品，是网站内部经过了解产品购买率及好评率针对有选择困难症或是不了解品牌食品的顾客给予一些推荐，我们可以推荐她们看一下我们的热卖产品。每款热卖产品下我们都有对产品的详细介绍以及产品含义的阐述。
（3）用户登陆：这是针对想要在本网站购买亿滋品牌旗下产品的顾客专设的，毕竟登录了更方便填写订单。与平常其他网站的注册流程差不了许多，首先账户可以选填手机号或者是邮箱，输入手机号码或是邮箱号点击发送验证码，收到验证码后填写进去，再设置登录密码，首先是手机或是邮箱的登陆许可，输入自己的密码及验证码然后直接登陆即可。密码一栏后方也有设置忘记密码选项，客户在注册时可设置忘记密码时的紧急问题，如有疑问，可点击帮助栏。
（4）我的购物车：购物车是每个有销售意图的网站的必备了吧，进入网站的客户如果有看中的产品想要购买，就可在登录后加入购物车，如一样产品需购买多件，也不必返回产品页面，可在购物车内进行产品件数进行加减。客户如已确认自己所需购买产品，就可以支付下单。支付下单的平台本网站支持微信或支付宝。
本网站通过品牌故事、品牌logo及banner、热卖产品、以及图片与产品间相对应的文字叙述，通过整体框架的设置来向访客介绍了我们网站的产品以及网站整体的色彩格调和产品相对应的形象。
（二）功能分配
1.导航栏
导航栏中含有店铺具体分类（产品展示、热卖推荐、用户登录等），网站主导航位于网站最上面，居于banner之，下通常网站的主导航主要包括网站的首页和产品栏目及各个单页面的导入链接，方便用户以最快，最简单的方式到达不同的网页！同时也方便用户一目了然的发现网站的主要信息，而不用费力的寻找！（见图2）
图2 导航栏示例
2．购物车的设置
购物车的设置就是为了方便顾客购物，例如当你在超市或是便利店需要购买大量物品或是大型商品时，两只手肯定是拿不下的，这样你就会需要购物车的协助，所以购物车的存在是非常必要的。在网上购物亦是一样，如在一家网店购买多种产品，那么看中一样就要下单付款，买第二件时就要重复下单付款的动作，而这时购物车的功能就体现出来了，可以将所需购买的产品加入购物车，而后一并付款，这样就相当快捷方便了。除此之外，我还在购物车下面设置了购物车，当客户遇见想买的产品，但是价格不是很如意时，客户就可以加入收藏夹，等到促销活动降价时，则会发短信通知客户。
3.帮助
现在各行各业都有线上或线下的客服，当在客户有疑问时，可以解答客户的问题。就比如在超市购物，也会有导购员的存在，作用就在于解决客户的问题。所以我在帮助里设立了线上客服的客服图标，需要帮助的客户可与线上客服直接联系。当然，帮助里也包括售后服务，当你对产品有任何意见，也希望收到反馈。
二、网站建设与规划
（一）确定网站主题
建立一个网站，首先就是要确定网站的主题，就比如在写文章时，要先理出提纲，这样在后续的操作里，也是有条不紊的。一个网站的建立必须要有一个明确的主题。对于公司网站而言，在创立之初，找准网站定位是必不可少的，确认网站主题，确定网站主营商品，这些都是一个成功网站所必须的。
（二）规划网站
网站设计的好与不好，都是和设计者的规划水平相关的。例如，买了一个毛坯房，请了室内设计师来设计室内装潢，设计师也是要画出整个房子的图纸，再来规划每个房间的格局，根据所设想去装潢，总是比没有规划来得好。一个网站不单单只是一个网站，它包括很多内容，网站的框架结构（版面布局）、网站的主题风格、网站的logo和banner、产品主图、产品详情页和图文结合，这些都是要在设计网站之处所要规划好的。一切都规划好，网页制作的后续工作也减轻不少，不至于多了些什么或少了些什么。
目录
一、网站概述
此次设计亿滋网站是为了通过网上销售的方式从而推广亿滋品牌的知名度并挖掘一批新客户。经过对各大网站销售以及同行分析考察，决定设计出一个耳目一新的品牌新网站以达到较好的宣传和销售目的。我在网页上面设置了产品展示，热卖推荐以及用户登录等菜单（见图1）。
图1食品店网站架构图示
（一）网站结构
1.首页：首页的左侧顶端设立的品牌故事项，让进入网站的客户在想要了解品牌故事时，就能一眼看见。品牌故事，它记录着企业的诞生，呈现出一个企业的文化价值，品牌的成长连接着企业的兴衰。紧接着就是下面就是一个简略的亿滋旗下品牌的产品分类，虽然在子页里也会有产品分类，但是在首页摆放，是为了客户在访问首页时就能了解到品牌有哪些产品，更加一目了然，再则，如果客户很了解本品牌旗下的产品，明 *好棒文|www.hbsrm.com +Q: ^351916072^
确的知道自己想买的是什么产品，直接可以从首页点击进去；中间摆放了亿滋旗下产品的爆款产品，右侧同样是明星爆款的产品。导航栏目中含有店铺具体分类（产品展示、热卖推荐、用户登录等），网站背景我选择了一个橘子汽水图片做为背景图，点进网页精美的背景图，心情会好很多，从而网站的浏览量、点击率、展现量等也会提升很多。
2.子页：
（1）产品展示：主要放置了网站所售卖的产品的精美图片，以图片的形式展现出各式各样的产品，并在图片下用文字加以简洁的概括或是产品名称亦可。产品图片运用fireworks进行处理，给客户以眼前一亮的感受。
(2)热卖推荐：这里面包含了本食品网站的几款热卖产品，是网站内部经过了解产品购买率及好评率针对有选择困难症或是不了解品牌食品的顾客给予一些推荐，我们可以推荐她们看一下我们的热卖产品。每款热卖产品下我们都有对产品的详细介绍以及产品含义的阐述。
（3）用户登陆：这是针对想要在本网站购买亿滋品牌旗下产品的顾客专设的，毕竟登录了更方便填写订单。与平常其他网站的注册流程差不了许多，首先账户可以选填手机号或者是邮箱，输入手机号码或是邮箱号点击发送验证码，收到验证码后填写进去，再设置登录密码，首先是手机或是邮箱的登陆许可，输入自己的密码及验证码然后直接登陆即可。密码一栏后方也有设置忘记密码选项，客户在注册时可设置忘记密码时的紧急问题，如有疑问，可点击帮助栏。
（4）我的购物车：购物车是每个有销售意图的网站的必备了吧，进入网站的客户如果有看中的产品想要购买，就可在登录后加入购物车，如一样产品需购买多件，也不必返回产品页面，可在购物车内进行产品件数进行加减。客户如已确认自己所需购买产品，就可以支付下单。支付下单的平台本网站支持微信或支付宝。
本网站通过品牌故事、品牌logo及banner、热卖产品、以及图片与产品间相对应的文字叙述，通过整体框架的设置来向访客介绍了我们网站的产品以及网站整体的色彩格调和产品相对应的形象。
（二）功能分配
1.导航栏
导航栏中含有店铺具体分类（产品展示、热卖推荐、用户登录等），网站主导航位于网站最上面，居于banner之，下通常网站的主导航主要包括网站的首页和产品栏目及各个单页面的导入链接，方便用户以最快，最简单的方式到达不同的网页！同时也方便用户一目了然的发现网站的主要信息，而不用费力的寻找！（见图2）
图2 导航栏示例
2．购物车的设置
购物车的设置就是为了方便顾客购物，例如当你在超市或是便利店需要购买大量物品或是大型商品时，两只手肯定是拿不下的，这样你就会需要购物车的协助，所以购物车的存在是非常必要的。在网上购物亦是一样，如在一家网店购买多种产品，那么看中一样就要下单付款，买第二件时就要重复下单付款的动作，而这时购物车的功能就体现出来了，可以将所需购买的产品加入购物车，而后一并付款，这样就相当快捷方便了。除此之外，我还在购物车下面设置了购物车，当客户遇见想买的产品，但是价格不是很如意时，客户就可以加入收藏夹，等到促销活动降价时，则会发短信通知客户。
3.帮助
现在各行各业都有线上或线下的客服，当在客户有疑问时，可以解答客户的问题。就比如在超市购物，也会有导购员的存在，作用就在于解决客户的问题。所以我在帮助里设立了线上客服的客服图标，需要帮助的客户可与线上客服直接联系。当然，帮助里也包括售后服务，当你对产品有任何意见，也希望收到反馈。
二、网站建设与规划
（一）确定网站主题
建立一个网站，首先就是要确定网站的主题，就比如在写文章时，要先理出提纲，这样在后续的操作里，也是有条不紊的。一个网站的建立必须要有一个明确的主题。对于公司网站而言，在创立之初，找准网站定位是必不可少的，确认网站主题，确定网站主营商品，这些都是一个成功网站所必须的。
（二）规划网站
网站设计的好与不好，都是和设计者的规划水平相关的。例如，买了一个毛坯房，请了室内设计师来设计室内装潢，设计师也是要画出整个房子的图纸，再来规划每个房间的格局，根据所设想去装潢，总是比没有规划来得好。一个网站不单单只是一个网站，它包括很多内容，网站的框架结构（版面布局）、网站的主题风格、网站的logo和banner、产品主图、产品详情页和图文结合，这些都是要在设计网站之处所要规划好的。一切都规划好，网页制作的后续工作也减轻不少，不至于多了些什么或少了些什么。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jmgl/dzsw/154.html
