1.1 建站目的
在近几年发展中，公司产品体系发生了变化与更新，与官网现有的产品体系有较大差异；而 公司官网在上一次建设中有部分遗留问题，无法与现在的公司发展需求进行匹配，因此需要对官 网重新进行系统化的建设，以达到品牌宣传、产品展示、实力认证的作用。
1.2 网站定位
品牌型网站&展示型网站
A、按照公司VI 体系进行设计，配色方案统一 ，字体使用规则统一，图片素材风格统一，突出 品牌特点；
B、突出展示公司实力及产品，在内容版块将突出产品、解决方案、案例等重点，并形成闭环，打通内在连接；
C、扁平和垂直化的内容架构，便于企业品牌形象和有效信息传达；
D、兼顾 SEO 优化。
1.3 网站风格
专业、大气、品牌化
- 明晰网站设计，合理布局界面：用直观方式展展示，让浏览者一目了然了解所有内容。
B、适当交互体验，增强用户体验：增加一些动效，增强用户的体验感及记忆力。
C、灵活使用新技术：采用响应式自适应技术，实现 PC、移动、第三方平台三端数据同步。
2.1 受众分析
网站浏览受众群体：直接客户、间接客户、其他渠道客户等。
A、直接客户关心内容：公司实力、公司品牌、公司资质、公司产品及解决方案等；
B、间接客户关心内容：产品、解决方案、公司资质、公司实力、公司品牌等；
C、其他渠道客户：通过其他人介绍、网络等渠道知晓，更关心公司实力、公司资质、公司产品及解决方案等。
2.2 结构规划
| 首页 |
产品中心 |
解决方案 |
支持与服务 |
新闻中心 |
关于惟新 |
| Banner |
指挥调度线产品 |
TOCC 多媒体综合调度系统 |
技术支持 |
公司动态 |
关于我们 |
| 核心能力 |
综合执法线产品 |
交通运输执法一体化指挥平台 |
售前咨询 |
行业资讯 |
联系我们 |
| 产品 |
|
|
售后服务 |
|
加入我们 |
| 解决方案 |
|
|
资料下载 |
|
|
| 公司实力数据化 |
|
|
|
|
|
| 成功案例 |
|
|
|
|
|
| 新闻动态 |
|
|
|
|
|
| 底部导航 |
|
|
|
|
|
2.3 结构详情
A、根据一级栏目的设定，通过“首页”“关于惟新”来突出展示公司实力及公司资质；通过“产品中心”“解决方案”来展示公司的产品及解决方案；通过“支持与服务”“新闻中心”来展示公司的服务能力。
B、按照用户思考逻辑和使用习惯，将每个栏目的具体内容进行重新规划，清晰明了，用户可有针对性地进行浏览。
C、不同栏目与栏目之间将进行连接，如查看解决方案时可通过按钮点击跳转至关联产品页，也 可在查看首页内容时通过按钮点击跳转至对应的其他页面。
3.1版式
采用导航栏＋Banner＋信息展示页＋底部导航，进行长页面展示，侧边栏设置浮窗。
3.2导航栏
1 、导航栏左侧为惟新科技 LOGO。
2 、导航栏从左到右依次为：首页、产品中心、解决方案、支持与服务、新闻中心、关于惟新。
3 、导航栏“首页”“产品中心”“解决方案”均有链接，点击可跳转至对应页面，其他栏 目无跳转。
4 、鼠标移动至栏目名称会显示下拉框。点击下拉框中栏目，可跳转至对应页面。
5 、导航栏为固定栏， 鼠标拖动时导航栏固定不变动。
3.3 Banner
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产品中心内容
产品中心的下拉框分为三大内容：指挥调度线产品、综合执法线产品。分布如下：
| 指挥调度线产品 |
综合执法线产品 |
| 调度台 |
4G 智能执法记录仪 |
| 专用手持多媒体终端 DTD960 |
移动执法终端 |
| 专用手持多媒体终端 DTD980 |
智能布控球 |
| 智能布控球 |
数据审批终端 |
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 、工作环境：静态图片呈现办公环境。
