1、1,主讲人:王江涛E-mail:QQ:188288646,电子商务,2,第6章 网站建设与网页设计,3,案例科龙集团网站整改设计方案,现在的科龙首页,大气、简约,4,案例科龙集团网站整改设计方案几年前,广东科龙电器股份有限公司曾提出对公司网站的重新设计要求,以下是得到的部分建议: 1.网站整改设计定位在对贵公司网站进行系统分析、整体规划后,我们将采用先进的网站设计技术和独特创新的设计理念,合理安排网站信息布局,突出网站商务功能,强化网上管理,方便内容更新维护和客户关系管理功能,统一科龙集团国际域名,提高上网速度,方便浏览者快速上网,为电子商务的全面实施下下坚实的基础。,5,(1)网站设计科龙网
2、站的整改策划将在设计风格、平面设计、网站架构、资讯量、浏览价值、浏览速度、网上三维实时产品展示等各方面,突出科龙集团的至尊品牌形象和网上商务应用功能。 (2)信息布局与信息反馈优秀的网站必须能让浏览者快速找到他们所需的信息,“清晰、简洁、明了”是网站信息布局设计的关键,经验丰富的网站专业策划师将为科龙集团专门规划设计整个网站的结构。企业网站对客户包括:对浏览者的行为可以进行实时跟踪和分析,并将收集到的信息及时反馈相应部门,企业可以从中提取有用数据,为企业进行全面的市场战略定位提供宝贵的信息依据。,6,(3)业务管理与客户关系管理通过先进网上业务管理平台,可为企业提供业务咨询、在线补充等服务。据
3、此,企业可以深入挖掘客户潜在需求,有效管理客户详细资料,及时将客户意见反馈至产品设计中心,为客户提供个性化的产品、深入化的服务;分析预测客户未来需要;灵活制定准确有效的市场营销策略和企业全球发展战略。使科龙集团不仅成为中国的民族品牌,进而成为全球响当当的国际知名品牌。这次整改将以科龙集团网站为依托,结合集团业务发展、内部资源管理及客户关系管理等多方面情况,做好科龙各分公司的链接,让客户可以随时随地找到最近的科龙分部,充分享受到科龙无处不在、即呼即唤的温馨服务。加强利用各种手法,丰富灵活地展示科龙产品,如设置供需公告功能模块和网上商城模块,利用互联网地域的广泛性,为企业拓展市场提供多种渠道,收集
4、加工大量商业信息,为真正实现网上营销预留发展空间打下坚实的基础。,7,2.网站语言与设计风格 (1)网站语言简体中文、繁体中文、英文。科龙集团的客户层面广,产品远销世界各地,服务好科龙的用户是科龙人义不容辞的职责。因此设计不同的语言界面,会让不同地域讲不同语言的科龙用户有更亲切温馨的感觉。 (2)网站风格以科龙集团企业CI为基础,中文版突出华人风格,英文版突出欧美风格。以科龙集团CI为基础,根据不同地域客户的浏览习惯设计一流的专业网站,吸引各界浏览者对科龙集团网站的浓厚兴趣,培养客户对科龙集团网站的忠诚。,8,3.网站问题分析与建议 科龙网站问题及对应的解决建议: (1)的网站上是简单地把内容
5、收集到上面,无人对其内容进行动态的管理与更新,实效性差。建议:组成科龙网站设计专案组、研制开发具有实时动态管理的功能模块,解决信息更新问题。对科龙相关人员组织日常维护、更新方面的技术培训,从根本上解决这一问题。 (2)网站的设计显得不够专业,没有把科龙集团的大气反映出来。建议:根据科龙企业CI网络、网站功能,结合以前知名网站的做法。采用最新表现技术全面设计,充分体现科龙产品一流的品质、一流的服务、一流的气魄。,9,(3)网站没有围绕客户为中心进行设计,因此客户从网站得到的信息是零散的,有些甚至找不到他们所需要的资料。建议:设计重心转向以客户为中心,围绕客户的需求层面有针对性地设计实用简洁的栏目
6、,极大方便了客户了解产品、购买产品,咨询服务技术支持、问题解答,个性化产品意见提出等一系列需求;做到产品展示、服务技术支持、问题、问卷反馈意见等为一体,充分帮助客户体会到科龙的全系列服务。 (4)网站与客户的交互性差,没有考虑客户的参与性。建议:设计增加企业同科龙用户之间沟通的功能模块,比如客户意见反馈表功能模块、“我心中喜爱的科龙产品”有奖调查问卷,设置BBS公告栏模块等,吸引浏览者、合作伙伴、提高客户对科龙网站参与性、提高同客户信息沟通的交互水平。,10,(5)网站的维护功能差,科龙公司自己不能对网站内容进行及时的维护建议:注重从网站界面的简洁化、功能模块的灵活变通性出发,为科龙网站设计制
7、作维护人员提供一个自主更新维护的动态空间和发挥余地去完善网站,达到科龙一次投资、长期受益降低成本的根本目的。 (6)属于科龙公司的域名有很多个,但是其内容各不相同,缺乏公司统一形象的宣传建议:贯彻统一国际域名、统一内容,对科龙网站分区设置,达到各地科龙网站更新同步、内容一致的目的。,11,(7)网站主机科龙内部机房,以512Kb/s专线与Internet连接,速度得不到保障,访问量有限。建议:首先将中国大陆科龙网站服务器办理主机托管,企业内部留一份作为与电脑托管服务互为备份,保证网站数据、资料的完整,因而从连接方式上改变提高信息传输带宽,迅速解决客户浏览速度不佳的状况,大大提高客户、合作伙伴的
8、访问兴趣。其他地域科龙也相应地从技术上做出配合调整,保证整个网站带宽足够、速度不受限。 ,12,一、电子商务网站规划由于技术的发展与经济的需求,各种“代做网页”、“网站解决方案”被热炒,许多企业忽视了规划方面的重要问题,还没有明白建立网站要解决什么总理的网站建立后如何管理就急于投入大量的人力、物力、财力,最终没有达到理想的效果。因此,网站规划成为企业实施电子商务必不可少的重要组成。,一、电子商务网站规划,13,(一)网站规划的内容电子商务网站的规划是指从战略高度对网站建设与运行,在目标到实际运用过程的全盘谋略和策划。主要内容应包括网站构建目标和开展的业务分析、网站目标客户分析、竞争对手分析、网
9、站市场定位分析、技术与经济可行性分析、网站功能及技术解决方案、域名注册、网站财务预算等。,一、电子商务网站规划,14,1.网站构建目标和开展的业务分析 (1)目标:企业网站构建的出发点 宣传企业形象 推广产品与服务 开展网上交易、促进企业内部信息化、加强与客户与合作伙伴的实时信息交流等 (2)方法: 量力而行 考虑目前存在的,并计划解决的问题 哪些业务先上网,哪些业务可以在网上开展? 自己企业的商务需求与产品特色、行业特点在哪点?,一、电子商务网站规划,15,2.网站目标客户分析调查与分析目标客户,了解网站可能服务的对象和他们的需求,规划与设计符合目标客户群的商务网站。为他们提供所需的产品或服
10、务,满足他们的兴趣与爱好,吸引他们对网站的注意力,就会留住客户并增加网站的指向性,使企业的网站不仅仅是停留在公司形象宣传、信息发布、简单的浏览层面上,而是真正成为满足客户需求的商务网站,电子商务成功的功能性就越高。,一、电子商务网站规划,16,请估计一下这个网站的客户群体特征,17,请估计一下这个网站的客户群体特征,18,请估计一下这个网站的客户群体特征,19,请估计一下这个网站的客户群体特征,20,请估计一下这个网站的客户群体特征,21,请估计一下这个网站的客户群体特征,22,请估计一下这个网站的客户群体特征,23,请估计一下这个网站的客户群体特征,24,请估计一下这个网站的客户群体特征,2
11、5,3.竞争对手分析在进行电子商务网站规划时,竞争对手的调查与分析是不可缺少的重要内容。同传统的商务活动一样,竞争对手的产品与服务一直影响着企业的管理、生产与经营,甚至是造成很大的威胁。如果竞争对手已经在网上开展了业务,那么竞争对手的经营状况对一个后进企业在行业竞争中的成败是至关重要的,竞争对手在网络运营方面的优势可能是后来者进入的壁垒。方法:SWOT分析、竞争对手效果分析(流量分析、问卷分析),一、电子商务网站规划,26,一、电子商务网站规划,27,4.网站市场定位分析企业的定位产品的定位价格/利润定位渠道定位促销手法定位网上业务定位便利性定位服务能力与服务水平定位,一、电子商务网站规划,2
12、8,5.技术与经济及人员可行性分析 (1)技术可行性分析:主要指构建与运行电子商务网站所必需的软硬件及相关技术对电子商务业务流程的支撑 (2)经济可行性分析:主要指构建与运行网站的投入与产出效益分析 (3)组织人员可行性分析:主要指保证网站构建与运行所需要的人力资源,以及组织设计和管理制度的分析,一、电子商务网站规划,29,6.网站的功能及技术解决方案 (1)网站的功能含义网站的功能是为用户提供服务的基本表现形式。一般来说,一个网站有几个主要的功能模块,这些模块体现了一个网站的核心价值。这些模块也可以看成是栏目,在栏目设定时应简单明了,给用户一个清晰的概念。 (2)网站功能定位分类企业通常分为
13、产品型企业及技术服务型企业 产品型的网站中通常有几个栏目:企业介绍、产品信息、销售网站、今后服务、人才招聘,除此之外,还可设一些友情链接、轻松一刻之类的栏目。 服务型的网站:企业介绍、业务职能、主要业绩、企业新闻、留言板、讨论组等。,一、电子商务网站规划,30,7.网站目录结构与链接结构 (1)目录结构指网站组织和存放站内所有文档的目录设置情况。任何网站都有一定的目录结构,目录结构应体现易于维护、管理、内容扩充的效果。,一、电子商务网站规划,31,(2)链接结构指页面之间相互链接的结构,它建立在目录结构的基础之上,可以跨越目录。链接可以不用分布在一个平面上,可以形成一个立体空间。,一、电子商务
14、网站规划,32,一、电子商务网站规划,33,8.网站风格设计网站风格是指站点的整体形象给浏览者的综合感受。包括站点的标志、字体、版面布局、配色、浏览方式、交互性、文字、语气等。,一、电子商务网站规划,34,(1)标题一目了然A.标题字体大小、粗细与标题内容相称B.标题使用高色阶C.利用空间突出标题,35,36,37,(2)表明信息进入网页的用户一般会首先查明这里是否有与标题相同的信息。如果与预想的有差别,访问者会急于离开。A.利用排版样式传递信息B.利用图片传递信息C.利用配色传递信息,38,39,40,41,42,(3)清晰的目录结构 A.利用空白和划线进行分组 B.利用色块进行分组,43,
15、44,45,(4)表现欢迎 A.用图片表现欢迎 B.用色彩表现欢迎 C.用图案表现欢迎,46,47,48,49,(5)传达信任感 A.漂亮的照片提升信任感 B.配色提升信任感 C.版式提升信任感,50,51,52,(6)加强说服力 A.增强故事性 B.提高造型的紧张感,53,54,55,56,(7)网页信息的表现形式和类型A门牌型简单排列一些文字或带有文字的“图标”按钮。B索引型使浏览者出将入相到文件夹索引的类型,57,C按钮型按钮图标的样式,58,D无框图标型增强了自由感和趣味性,59,E记号型相对平淡的菜单,符合人们的习惯,主要用于经常更换的大量信息。,60,(8)网页版式类型A左右对齐式
16、这种设计目的是将访问者注意力向四方型的中部收拢集中,它能够充分利用每一寸空间,其商业性基调将被延续下去,是最适合传递商业信息的样式。,61,62,B全景式分散多张图片或区域,无论从哪个角度看都可以进入页面,形成了开放、轻松的气氛。,63,64,C卫星式一个重点,四周元素围绕这个重点展开,重点的安定感和四周元素的开放感并存。,65,66,9.域名注册 (1)域名的价值 S? N? S? QICQ.COM? T?,一、电子商务网站规划,搜狐 网易 新浪 腾讯,67,(2)域名相关概念域名作为互联网的单位名称在因特网上的网页所有者的身份标识,具有商标属性。著名企业几乎都有互联网域名。规则:注册在先。
17、注册方法:一是在国内注册二级域名,二是在国际上注册一级域名,还有一种利用国内代理注册一级域名。一级域名即国际域名或顶级域名,分为)英文国际域名.com、.net、.org、.cc)受控的英文国际域名.edu(大学的域名),68,)受控的英文国际域名.edu(大学的域名)中文顶级域名、、、.TV)新域名.info、.biz、.cn)网络实名在已有英文国际域名的基础上,可以申请中文网络实名,直接在浏览器中输入中文即可,如“海尔”。,69,70,(3)注册方法(以通过国内代理申请英文国际域名为例)寻找国内代理商可直接在浏览器中输入“域名注册” 等中文字,查找相关的国内代理商,也可通过输入“国际域名申
18、请”等方法搜索相关代理商。)在代理商首页的域名查询项输入你试图申请的域名:,71,)如果查询没有则按提示下订单(可选择同时购买空间),并按要求汇出款项。,72,)等待审批通过(代理商收到款后约24小时),获得相关域名证书。,73,()网站开通后,等待上传。,74,()通过CUTFPT等软件上传网页(可交由专业网页制作公司事先制作完成,一般使用Dreamwaver等软件制作),75,()ICP备案按国家信息产业部的要求,从2005年3月20日起,所有非经营性网站需要备案、经营性网站到当地通信管理部门申请ICP经营许可证 。,,76,()ICP备案后的操作1.将备案证书文件bazs.cert放到网
19、站的cert/目录下。该文件必须可以通过下列地址 http:/网站域名/cert/bazs.cert访问,其中网站域名指的是网站的Internet域名。2.将备案号/经营许可号显示在网站首页的醒目位置,如当地电管局另有要求则以当地电管局要求为准。3.网站首页显示的备案号/经营许可证号必须带有超链,超链目标指向。,77,二、电子商务网站设计 (一)网站设计目标与原则 1.网站建设目的确定电子商务网站建设的目的一般可以分为:开展B2B交易;开展B2C交易;开展拍卖业务;用于企业形象建设;拓展企业联系渠道;建立交易场所;服务性网站等。2.网站客户群体客位同样的B2C网站的不同:手机网、老年用品网、婴
20、幼用品网、服装网网上银行:针对企业的业务、针对个人的业务,二、电子商务网站设计,78,3.网站设计的原则 (1)系统的可靠性 (2)系统的安全性 (3)系统的经济性与可扩展性 (4)系统的开放性 (5)系统的易用性,二、电子商务网站设计,79,(二)网站的结构设计 1.外部信息服务系统外部信息服务系统是商务网站建设的重点部分,它主要为企业外部用户提供商业服务: (1)信息发布子系统实现企业相关信息和企业提供的产品或服务等相关信息的网上发布。如:企业信息发布(企业形象宣传、企业服务宗旨、企业公告信息等)、产品信息发布(产品分类目录、产品信息搜索)、其他信息发布(与行业相关的新闻动态等)等 (2)
21、商务交易子系统实现企业向其客户销售其产品或服务,主要实现用户选购、订单管理、网上支付及用户注册管理、安全验证等功能。,二、电子商务网站设计,80,(3)信息交流子系统主要提供聊天室、论坛、留言簿、电子邮件等交流方法,实现包括产品评价、意见反馈、服务投诉、客户与客户之间的交流等功能。2.内部管理信息系统内部管理信息系统主要为企业内部员工(如企业决策者、技术人员、业务人员等)提供有效信息和日常的业务管理。包括内部业务子系统、网站管理与维护子系统。其中网站管理与维护子系统是外部信息服务系统的技术支撑系统,包括网站页面日常调整、修改、数据库的日常维护、网站流量统计分析、客户的订单管理等功能。,二、电子商务网站设计,81,3.网站开发工具简介 (1)静态开发 HTML,常用工具:Dreamweaver (2)动态开发 JSP,常用开发工具:JBuilder、eclipseme PHP ASP/ASP.NET,二、电子商务网站设计,82,思考题:1. 如何定位与分析客户群? 2. 通常什么方式,能够在大学期间有效地掌握网站设计与开发方法并能够适应未来专业岗位的需要?,思 考 题,83,1. 网站规划与设计 2.网站定位 3.域名注册 4.选择开发工具,本章要点回顾,