科技公司网站建设策划方案

　　1.1建站目的

　　在近几年发展中，公司产品体系发生了变化与更新，与官网现有的产品体系有较大差异；而公司官网在上一次建设中有部分遗留问题，无法与现在的公司发展需求进行匹配，因此需要对官网重新进行系统化的建设，以达到品牌宣传、产品展示、实力认证的作用。

　　1.2网站定位

　　品牌型网站展示型网站

　　A、按照公司VI体系进行设计，配色方案统一，字体使用规则统一，图片素材风格统一，突出品牌特点；

　　B、突出展示公司实力及产品，在内容版块将突出产品、解决方案、案例等重点，并形成闭环，打通内在连接；

　　C、扁平和垂直化的内容架构，便于企业品牌形象和有效信息传达；

　　D、兼顾seo优化。

　　1.3网站风格

　　专业、大气、品牌化

• 明晰网站设计，合理布局界面：用直观方式展展示，让浏览者一目了然了解所有内容。

　　C、灵活使用新技术：采用响应式自适应技术，实现PC、移动、第三方平台三端数据同步。

　　2.1受众分析

　　网站浏览受众群体：直接客户、间接客户、其他渠道客户等。

　　A、直接客户关心内容：公司实力、公司品牌、公司资质、公司产品及解决方案等；

　　B、间接客户关心内容：产品、解决方案、公司资质、公司实力、公司品牌等；

　　C、其他渠道客户：通过其他人介绍、网络等渠道知晓，更关心公司实力、公司资质、公司产品及解决方案等。

　　2.2结构规划

　　2.3结构详情

　　A、根据一级栏目的设定，通过首页关于惟新来突出展示公司实力及公司资质；通过产品中心解决方案来展示公司的产品及解决方案；通过支持与服务新闻中心来展示公司的服务能力。

　　B、按照用户思考逻辑和使用习惯，将每个栏目的具体内容进行重新规划，清晰明了，用户可有针对性地进行浏览。

　　C、不同栏目与栏目之间将进行连接，如查看解决方案时可通过按钮点击跳转至关联产品页，也可在查看首页内容时通过按钮点击跳转至对应的其他页面。

　　3.1版式

　　采用导航栏＋Banner＋信息展示页＋底部导航，进行长页面展示，侧边栏设置浮窗。

　　3.2导航栏

　　1、导航栏左侧为惟新科技LOGO。

　　2、导航栏从左到右依次为：首页、产品中心、解决方案、支持与服务、新闻中心、关于惟新。

　　3、导航栏首页产品中心解决方案均有链接，点击可跳转至对应页面，其他栏目无跳转。

　　4、鼠标移动至栏目名称会显示下拉框。点击下拉框中栏目，可跳转至对应页面。

　　5、导航栏为固定栏，鼠标拖动时导航栏固定不变动。

　　3.3Banner

　　Banner页面采用设置4个Banner位，可左右滑动进行切换。(可随时进行更换)

　　3.4信息展示页

　　信息展示页面分6屏，从上至下排布，在页面设计中采用交互动效，让首页更具有互动性。页面左边设置上下滑动条。

　　3.5底部导航

　　底部导航包含内容：底部导航、联系方式、友情链接、关注我们(微信公众号二维码)、版权信息、法律申明。

　　3.6侧边悬浮框

　　A、侧边悬浮框包含内容：服务热线、微信二维码、回到顶部。

　　B、服务热线以文字内容呈现，微信二维码以图片形式呈现。

　　3.7内容

　　Banner页面4个内容依次为：企业定位、精选产品、TOCC多媒体综合调度系统、交通运输执法一体化指挥平台。

　　信息展示页从上至下依次为：核心技术、产品、解决方案、公司实力数据化、成功案例、新闻动态。

　　3.8企业定位

　　背景采用深思行远形象主画面，去掉品牌Logo及品牌口号(深思行远)。主标语为：惟新科技中国多媒体指挥调度领军企业。放置公司品牌愿景：构建互联互通的全融合世界。

　　3.9精选产品

　　1、图片介绍产品CDC310的具体情况。

　　2、可根据不同时期推出的重点产品来更换Banner。

　　3.10多媒体综合调度系统

　　使用应用场景的图片作为背景。

　　文案内容为：

　　广泛应用于联网指挥、运行监测、应急处置等业务，

　　看得见、听得清、喊得到、调得动的交通运行管理和远程指挥调度。

　　参考图示：

　　3.11交通运输执法一体化指挥平台

　　使用应用场景的图片作为背景。

　　文案内容为：构建互联互通、信息共享、业务协同、智能便捷的解决方案。

　　实现情报研判+指挥调度+勤务联动于一体的协同执法联动机制

　　3.12产品

　　A、通过图片+文字的方式进行呈现。

　　B、增加查看更多按钮，点击后可跳转至产品中心页面。

　　3.13解决方案

　　A、采用左右布局的形式，呈现两大解决方案。

　　B、通过图片+文字的方式进行呈现。

　　C、点击图片可跳转至对应解决方案页面。

　　3.14公司实力数据化

　　参考图示：

　　3.15新闻动态

　　参考图示：

　　4.1产品中心版式

　　鼠标移至导航栏产品中心时，显示下拉框。点击产品中心可跳转至产品中心总页面，点击具体产品名称可跳转至对应产品页面。

　　4.2产品中心内容

　　产品中心的下拉框分为三大内容：指挥调度线产品、综合执法线产品。分布如下：

　　4.3产品中心聚合页

　　产品中心总页面由上至下分为三部分：

　　1、Banner：文案内容为：产品中心。

　　2、页面分类导航：指挥调度、综合执法。

　　3、产品陈列。

　　4.4产品详情页面

　　产品详情页面分5屏，从上至下排布，在页面设计中采用交互动效，页面右侧设计侧边导航

　　栏，点击可跳转至对应分屏。内容由上至下为：

　　A、Banner：展示产品图片及产品特征icon图标。

　　B、产品概述及特点。

　　C、产品功能图解。

　　D、产品参数。

　　E、应用场景或应用案例。

　　4.5解决方案

　　鼠标移至导航栏解决方案时，显示下拉框。点击解决方案可跳转至解决方案总页面，点击下拉框二级菜单栏可跳转至对应页面。解决方案下拉框为两大内容：TOCC多媒体综合调度系统、交通运输执法一体化指挥平台。

　　4.6解决方案聚合面

　　解决方案总页面由上至下分为两部分：

　　A、Banner：文案内容为：解决方案。

　　B、方案分类：TOCC多媒体综合调度系统、交通运输执法一体化指挥平台。采用文字+图标的形式呈现。

　　4.7解决方案详情页面

　　该页面分7屏，从上至下排布，在页面设计中采用交互动效，页面右侧设计侧边导航栏，点击可跳转至对应分屏。内容由上至下为：

　　A、Banner图：场景图作为背景，文案内容为对应解决方案的名称。

　　B、概述。

　　C、部分业绩案例。

　　D、功能介绍。

　　E、方案价值。

　　F、主要产品。点击产品可跳转至对应的产品页面。

　　G、应用场景。

　　4.8支持与服务

　　鼠标移至导航栏支持与服务时，显示下拉框。点击支持与服务无跳转，点击下拉框二级菜单栏可跳转至对应页面。

　　支持与服务的下拉框分为三大内容版块，分别为：技术支持、售后服务、资料下载。

　　4.9技术支持

　　该页面分为2屏，上方为Banner页，下方为文字内容页。

　　A、Banner页：以场景图片作为背景，主题文字为：技术支持。

　　B、内容：以文字的形式来阐述惟新科技在技术支持方面所提供的服务，分为三个版块：售前支持、售中支持、售后支持。

　　4.10售后服务

　　该页面分为4屏，分别为：Banner页、服务内容页、全国分公司及售后热线、在线反馈表单。

　　A、Banner页：以场景图片作为背景，主题文字为：售后服务。

　　B、服务内容页：将惟新科技售后服务所包含的内容以图标+文字的形式进行罗列。

　　C、全国分公司及售后热线：

　　D、在线反馈表单：客户通过提交表单的形式来反馈问题。

　　4.11新闻中心

　　鼠标移至导航栏新闻中心时，显示下拉框。点击新闻中心无跳转，点击下拉框二级菜单栏可跳转至对应页面。新闻中心分为公司动态和行业资讯两大内容版块。

　　参考图示：

　　5.1关于惟新

　　鼠标移至导航栏关于惟新时，显示下拉框。点击关于惟新无跳转，点击下拉框二级菜单栏可跳转至对应页面。分为三部分内容：关于我们、联系我们、加入我们。

　　5.2关于我们版式

　　共分为5屏，由上至下展示，在页面设计中采用交互动效，页面右侧设计侧边导航栏，点击可跳转至对应分屏。页面从上至下的内容为：惟新简介、发展历程、愿景/使命、核心价值观、荣誉资质。

　　5.3联系我们

　　该页面共分为3屏，分别为：Banner页、分公司地址及联系方式、在线留言表单。

　　A、Banner页：以场景图片作为背景，主题文字为：联系我们。

　　B、分公司地址及联系方式。

　　C、在线留言表单。

　　5.4加入我们

　　该页面共分为4屏，分别为：Banner页、招聘岗位、工作环境。内容由上至下为：

　　A、Banner页：以场景图片作为背景，主题文字为：加入惟新。

　　B、招聘岗位：岗位信息陈列，左右滑动。

　　C、工作环境：静态图片呈现办公环境。