网站改版方案网站建设方案详细.docx
《网站改版方案网站建设方案详细.docx》由会员分享,可在线阅读,更多相关《网站改版方案网站建设方案详细.docx(15页珍藏版)》请在冰豆网上搜索。
网站改版方案网站建设方案详细
省精创电气股份
改版方案
一、公司现有分析…………………………………………………………………………………………………………………………
二、改版目的…………………………………………………………………………………………………………………………
三、高新技术企业改版解决方案…………………………………………………………………………………………………………………………
四、精创改版需求分析…………………………………………………………………………………………………………………………
五、改版架构…………………………………………………………………………………………………………………………
六、改版技术架构…………………………………………………………………………………………………………………………
七、改版计划推进表…………………………………………………………………………………………………………………………
八、改版资料搜集分工…………………………………………………………………………………………………………………………………………
九、国际站…………………………………………………………………………………………………………………………
一、公司现有分析
1.公司形象与品牌实力展示不到位
2.目前的虽然有全面的业务介绍,但是浏览者不能够领略到“公司”这样一个实体的存在,单凭漂亮的外观不能够吸引浏览者,在公司主页绚丽的动画效果、图片效果的影响之下导致对服务项目以及联系产生视觉盲点,造成传达信息失真。
3.目前业务介绍缺乏系统化规划。
4.现已受到垃圾信息的攻击。
同时没有数据库,多个版块无法更新调整,初建时是使用asp编程,已跟不上现在技术的进步
5.建设的初衷是为经销商服务,已不符合目前公司442的战略方针
二、改版目的
1.树立企业品牌形象,展现公司实力
2.吸引更多的客户,创造更大的利润
3.贴近公司442战略方针
4.为客户提供更有效的网上服务
5.建立完善的网络服务系统
6.提高管理效率
7.建立完善的统计、跟踪、分析系统
8.建立网上营销系统配合传统销售
9.保持电子商务在行业的领先地位
三、高新技术企业改版解决方案
1.设计简洁(不简单)、大气、富有创造性
2.技术架构统一,后继易于维护与扩展
3.访问浏览顺畅,系统运行稳定。
4.适于搜索引擎与用户访问
5.提供完善的解决方案及销前、售后服务
四、精创改版需求分析
1、精创电气的定位与规划:
1)、色调:
精创电气将基于品牌VI色进行设计,即偏重于蓝、橙、金属色,一方面可以突出中国元素,另一方面也可突出产品的高档定位。
2)、页面布局:
精创电气原首页略微有点繁琐。
但太过注重简洁反而有些忽略栏目功能,例如站点新闻等,因此要进行一下折中。
注:
详情参考架构里的效果图。
3)、容定位:
作为精创电气的定位方向可以用三词来概括:
产品、品牌、营销。
2、精创电气产品展示方式
需求:
精创电气产品的展示主要以突出产品卖点为主,分类按目标市场及产品类别进行,性能、尺寸、技术参数等项目,主要在下载中心体现。
展示方式:
FLASH动画展示、360度的产品外观展示、视频展示。
3、精创电气技术标准及运行环境
使用.net语言开发,数据库采用SQLServer2005,页面采用HTML、FLASH等表现形式。
技术架构统一,后继易于维护与扩展,适于搜索引擎与用户访问,访问浏览顺畅,系统运行稳定。
经过安全漏洞扫描后保证无安全隐患可能。
4、实用性
栏目设计合理、人性化、导航明确,方便访问者阅读和使用,使访问者随时都能轻松找到要找的容,轻松访问。
页面上的所有元素,小到一个标题,一幅图片,都按照预先制定的权限定义、创建审批流程以及发布规则;所有需要被共享的容也同时被建立起关联。
5、艺术性、新颖性
符合美学原理和排版原则,构图新颖温馨,自然和谐。
对于主体和次要对象的处理符合排版原理-导航区、产品区、搜索区、容区、其他信息区合理排版。
全站的设计作为一个整体,具有整体的一致性。
整体视觉效果特点鲜明:
高端、经典、高新技术企业的形象
页面版式结构合理;用色符合精创电气品牌VI体系;线条和构图精美;配图精细、元素风格美观;整体气氛和谐;字体选用合理。
6、性能
要点说明:
通过对代码的优化、图片的优化、目录结构的优化保证网页的快速访问;通过交互性优化、易用性优化等针对用户使用方面的优化工作改善人机界面;通过针对搜索引擎的优化,使得网页更有利于被全文搜索引擎收录,从而提高的自然排名。
稳定性:
平均无错运行时间99.9%
灵活开放性:
具有一定的灵活性和开放性,以便以后系统的升级和系统模块的扩展;
易维护性:
可以方便地更新,页面能动态生成,后台有统一的、强劲的管理系统方便页面的更新和维护;容分类较多,能根据需要随意为各个栏目设置管理员;
易操作性:
层次条理清晰,的板块划分合理;板块的划分容易理解;
安全性:
确保系统正常无故障运行;
可评估性:
可以针对的浏览按需生成动态的访问量统计表
一致性:
整体页面布局和用图用色风格前后一致。
访问速度:
首页容严格控制在50KB以,保证4—5秒能完成下载,让浏览者能快速进入到主页;如某些界面采用FLASH动画需要调出,调出时间严格控制在可接受围之,并有提示进度的显示。
五、改版架构
1.改版整体架构
基于高新技术企业的要求简洁、大气,首页主模板分四大块:
关于精创、产品中心、研发技术、服务与支持。
通过FLASH及图片来突出展示公司产品及实力。
人力资源、新闻中心、联系我们等模块出现在副导航,详情见改版拓扑图。
拓扑图
400客服
精创
动态
行业资讯
视频中心
空缺岗位
人才理念
简历提交
人力资源新闻中心登陆部OA友情
2.首页设计
首页是的第一容页,整个的最新、最值得推荐的容将在这里展示。
基于品牌VI色进行设计,即偏重于蓝、橙、金属色,以达到整个公司的企业形象的和谐统一;在制作上采用PHP页面,系统可以调用最新的容在首页显示。
在容上,首页有公司的新闻动态,推荐产品等信息,并且管理员在后台可以动态更新首页的容,使整个时时充满生机和活力。
通过首页达到公司产品、品牌的有力宣传。
附:
改版首页效果图
3.关于页的设计
主要从四大板块着手,即关于精创、产品展示、研发技术、服务支持
1)“关于精创”页面
包括:
精创简介、公司掠影、发展历程、组织架构、企业文化、资质荣誉六个二级栏目,主要功能是宣传企业,通过对精创规模实力、文化理念、服务支持及产品的了解,使精创为更多的客户熟悉、信赖。
在页面设计上,采用小型形式,运用FLASH动画效果将精创的企业形象及实力予以最好的传达。
附:
关于精创页面效果图
2)“产品展示”页面
精创电气产品的展示主要以突出产品卖点为主,按目标市场及产品类别进行分类,导航按产品的目标市场分类,左侧按产品类别进行分类,加入产品搜索功能、迎合目标客户的搜索浏览习惯。
加入产品资讯发布,方便客户及时了解精创产品的动态。
展示方式:
FLASH动画展示、360度的产品外观展示、视频展示。
重点呈现产品卖点,相关技术参数下载可加入,直接进入下载中心下载。
附:
产品展示页面效果图
3)“研发技术”页面
包括:
研发团队、研发流程、检测中心、知识产权及创新四个二级栏目,通过本栏目的展示,体现公司研发实力,体现技术沉淀,产品性能的优越及行业的领导者地位。
附:
页面效果图
4)“服务支持”页面
包括:
营销网络、资料下载、常见问题及解答、客户满意度调查、防伪查询、投诉与建议六个二级栏目。
通过售前、售中、售后的服务支持,让客户更信赖精创,在线交流沟通,为客户提供更直接便利的解决方案,附件:
服务支持页面效果图
六、技术方案
1.的容要生动活泼,的整体风格创意设计,采用现今网络上最流行的CSS,FLASH,Javascript等技术进行的静态和动态页面设计,动态的按钮,活动的小图标,优美协调的色彩配以悦耳的背景音乐
2.的某些适当的位置摆放一些动态的小图案,在保证浏览速度的情况下,在各栏目之间加入适量的动态的连接,加强的互动性会。
3.根据我司VI及各种产品的特性,配合整个本身的设计风格对每个系列的产品进行网上的重新包装设计,突出卖点,务求达到展现精创产品高档次的品牌形象。
4.FLASH是现时网络上最欢迎的网络技术,作为一种可以用在互联网上动态的、可互动的SHOCKWAVE,它的优点是体积小,可边下载边播放,这样就避免了用户长时间的等待。
用FLASH制作的动画,还可以加入很cool,很有感染力的音乐。
这样就能生成多媒体的图形和界面,而且使文件的体积很小。
5.3D无级缩放产品图象,令客户进入一个真实的虚拟世界,客户不用远涉重洋,可以足不出户,就能看到我司的新产品、新成果;
6.运用先进的后台管理系统
后台管理系统(NetkeyCMS容管理系统)主要功能介绍
1)容管理系统包括:
新闻发布更新系统
2)文件管理
视频管理、订购模块、站搜索功能、在线服务、论坛、访问统计系统、系统权限管理
说明:
主要管理和发布外部的各栏目容1、能够自定义发布审批流程2、可以采用WORD插件(或等同word功能的编辑器)模式编辑3、能够支持图片、附件、视频文件的管理4、能够在此系统中自定义不同容的发布员。
能够对发布的文章和产品进行排序、删除、转移等。
通过关键字和类别组合搜索站信息常见问题、在线技术支持、资料下载专区等、使用免费模块提供的统计管理系统,可以对访问情况、容情况进行管理。
系统权限管理和系统权限分配
技术要求:
1、新闻栏目模块可后台自助增删修改,新闻发布时可记录操作员,根据操作员的权限对新闻状态进行设定,有审核功能,最便捷的维护和搜索平台。
新闻容管理和在线编辑2、有权限管理,模块管理,增加附件上传。
各权限的管理员管理自己权限对应的容
7.技术指标
1)、新闻信息和分类可为多对多关系
2)、发布信息时可选择预定义模板
3)、发布方式支持类Office格式,支持Word文档自动转换
4)、支持发布信息静态文件生成技术
5)、支持图片新闻、热点新闻、弹出新闻、专题新闻、高级搜索和过滤、多种排序、发表评论、推荐给朋友、新闻附件、相关新闻、新闻审核等功能
6)、提供日志功能,保留修改痕迹
7)、支持工作流:
即信息共享、流转、回馈、管理和挖掘
8)、支持不同语言的主流浏览器
七、改版计划推进表
计划
完成方式
衡量标准
完成时间
相关责任人
部确定首页改版拓扑图
召开会议
形成会议决议,并会签
12月9日
市场部:
付
部讨论确定页设计容及形式
召开会议
形成会议决议,并会签
12月15日
市场部:
付
部确定整体风格规划(色调、布局等)
召开会议
形成会议决议,并会签
12月18日
市场部:
付
联系网络公司商谈,比较
联系、面谈
各设计公司对比结果上报
12月20日
市场部:
付
确定设计公司及最终方案
讨论比较
确定结果及最终方案上报
12月31日
市场部:
付
现有备份
备份
备份成功
1月1日
市场部:
付
建设相关资料准备
联系相关部门准备
资料整理上报审核
3月31日
版块涉及部门负责人
签订合同、付款开始设计
签单,上报,付款,设计
开始设计
1月31日
市场部:
付
首页设计及评审修改确认
召开会议
会签确定首页,开始设计页
2月24日
市场部:
付
页设计及评审修改确认
召开会议
会签确定页
3月14日
市场部:
付
验收评审修改确认
召开会议
会签确定设计完成
3月28日
市场部:
付
改版完成
上传至空间,域名绑定
新开通运行
4月10日
市场部:
付
八、改版资料搜集分工
改版资料收集
序号
资料提供容
相关责任人
完成时间
结果定义
备注
1
名称、LOGO、栏目名称
市场部:
付
1月31日
整理存档
2
精创简介、发展历程、整体VI
市场部:
冯兴华
1月31日
OA付,整理存档
3
精创掠影、产品图片、
市场部:
冯兴华
3月12日
OA付,整理存档
产品图片指公司现有的所有产品重新拍照、360度的产品外观
4
企业视频
市场部:
冯兴华
3月31日
OA付,整理存档
5
组织架构、企业文化
总经办:
品一
1月31日
OA付,整理存档
企业文化包含:
企业愿景、经营理念、员工天地、品牌释义
6
资质荣誉
总经办:
品一
3月5日
OA付,整理存档
7
产品分类、常见问题与解答
市场部:
立刚
1月20日
OA付,整理存档
产品分类两种:
1.产品类别2.目标市场,可参考新亚洲的产品分类
8
所有产品卖点
市场部:
立刚
3月18日
OA付,整理存档
卖点整理:
不局限于参数说明,要有精创的特点:
可靠性、专业性等品牌特性的体现
9
所有产品说明书
总经办:
冲
3月20日
OA付,整理存档
协助人:
冯兴华、立刚
10
研发团队介绍、研发流程
研发中心:
国华
3月9日
OA付,整理存档
协助人:
市场部冯兴华
11
测试室简介、检测标准、检测项目、技术特点
质量中心:
丁田方
3月9日
OA付,整理存档
可考虑加入说明:
抢占技术最高点、推动行业检测标准的发展等信息
协助人:
市场部冯兴华
12
知识产权和创新专利
总经办:
胡峰
2月20日
OA付,整理存档
13
客户满意度调查
市场部:
鹏
2月18日
OA付,整理存档
把客户满意度调查的形式传到网上
14
营销网络、联系我们
跟单中心:
王吉利
1月31日
OA付,整理存档
营销网络包括各区域销售人员的具体联系方式
15
典型客户
专业客户部:
夷大军/
贸部:
朱忠明
1月31日
OA付,整理存档
16
人才理念、空缺岗位
人资部:
王保卫
1月31日
OA付,整理存档
九、国际站
国际版块模式基本参考中文进行翻译,再根据国外客户的搜索浏览习惯,外贸业务员的反馈建议进行部分修改!
请领导查阅审批!
部门:
营销中心市场部
提报人:
付
2010.12.31